React.JS: создание огромных списков
Друзья, этим видео мы открываем новую рубрику «Hard Code».
В рамках этой рубрики мы будем показывать различные must-have фишки по веб-разработке, которые могут пригодиться вам в повседневной работе.
В этом выпуске мы узнаем, что такое огромные списки в React и научимся с ними работать.
Хочешь повлиять на тему следующего выпуска? Пиши в комментариях, на какую тему сделать следующее видео!
Ведущий: Максим Иванов - frontend-разработчик в Mojang, преподаватель курса «React.js. Разработка веб-приложений» в Loftschool.
Полезные ссылки:
github.com/satansdeer/react-w...
Школа онлайн-образования: loftschool.com/
Telegram Loftblog: t-do.ru/loftblog
Telegram IT-обучение: t-do.ru/it_loft
Slack: slack.loftblog.ru/
Сайт: loftblog.ru/
Instagram: / loftblog
Группа вконтакте: loftblog
Facebook: / loftblog
Twitter: / loft_blog
Больше уроков от lofblog: #loftblog
Полезные уроки для веб-программиста: #вебпрограммист #HardCode
Поставь лайк - смотивируй автора писать еще :)
Пікірлер: 59
Привет, ребята, как вам такой формат? Пишите свои пожелания! Если будут вопросы - тоже пишите, постараюсь всем ответить
@mrdanielandreevich579
5 жыл бұрын
Максим, спасибо за видео. Хотелось бы увидеть видео по оптимизации React-приложений.
@satansdeer1
5 жыл бұрын
@@mrdanielandreevich579 бест практисес, или профайлинг? Что интереснее?
@mrdanielandreevich579
5 жыл бұрын
@@satansdeer1 и то, и другое интересно, но бест практисес на данный момент интереснее. ИМХО это проще для понимания конечным разработчикам и позволит охватить бОльшую аудиторию. Но тем не менее, на ютубе мало информации и по бест практисес, и по профайлингу.
@satansdeer1
5 жыл бұрын
MrDaniel Andreevich понял, спасибо
Отличное качество съемки, спасибо за видео, удачи и успехов)
Сложно, но интересно. Так же интересно будет увидеть все модное и молодежное из мира фронтенда. :)
Да мне тоже не хватило глубины. Либа это хорошо. И хоть я понимаю как она работет, прикольнее было бы сначала написать упрощенную версию этого самому, показать изнутри, а потом сказать, что есть готовая лимба, которая это же делает. Пример - видео CodeDojo про RXjs
Очень интересная библиотека, интересно было бы узнать еще что-то новое из React или в общем мира fronted
Отличный пример. Best practic react! Хочется так же посмотреть пагинацию(pagination react), прелоадер-иконка в момент подгрузки данных(preload, loader). Так же хочется посмотреть как правильно выгружать на хостинг react приложения.
Спасибо! Очень доступно все
спасибо за урок. интересно было бы посмотреть про React Table и React Query
Очень хорошый формат!!!
Вау, классный контент, спасибо!)
Было бы интересно увидеть в следующих роликах DevOps или backend.
опа, новый формат)
Это просто бомба
круто!
React-saga, по-подробнее )
вместо [...Array(30000).keys()].map((item) => ... можно использовать Array(30000).fill().map((_, index) => ... - чуть компактнее и легче читается
@__kawaii
Жыл бұрын
Видео очень старое, с ключами уже никто не пишет
Подскажите пожалуйста, а зачем функция кеширующая запрос добавлена, если запрос отправляется только когда мы достигаем низ страницы, а в таком случае этих городо точно ещё нет в кеше?
Подскажите, а можно ли сделать динамический список с высотой содержимого?
frontend !!!
хочу видеть фронтенд, бекенд, инструменты командной строки, девопс, тестирование - что угодно!
Frontend (React) 👣😇 Какой стек технологий надо знать junior, middle и senior React разработчику(если однозначного ответа нету, то углубиться в эту степь), такого видео не находил, думаю будет интересно 👍💣💥
@satansdeer1
5 жыл бұрын
Даниил Смахтин , о, интересная идея, такой роадмап-обзорный
@MIHANIZM56
5 жыл бұрын
стек не так важен, как умение решать задачи и смекать)
@pavelkalchenko
5 жыл бұрын
На хабре есть статья и там даже роадмэп разраба. Вот m.habr.com/ru/company/ruvds/blog/352452/ И вот m.habr.com/ru/company/netologyru/blog/328426/
@advhunter2
5 жыл бұрын
@@MIHANIZM56 это не совсем то что я спросил
@artem8547
4 жыл бұрын
@@advhunter2 ты можешь не черта не знать, но если ты шаришь, то тебе всё дастя само(можно так сказать) а если не шаришь. То ооочень много времени уйдет
интересно радиовещание на node на примере трёх потоков с разными битрейтами на ffmpeg и без него
Второй день мучаюсь не могу понять как можно отобразить с помощью react-window. Элементы сеткой. Как список товаров магазина
окошечкование
Давай исчо!
Как бы еще приделать заголовок к этому списку..
Front end
React-virtualized
техника «деления на окна» или « форточкование»
Правильно называется - "Оконный доступ"
Покажи как фильтровать такие списки без потери произодительности
CI/CD
react hooks
это всё здорово, но видео такое же как и десяток других которое показывает пример из документации. а там не всё понятно и хотелось какое-то другое более обьёмное обьяснение
каждая собака мнит себя англоязычным блогером....
Нда...
fucking finally no how much watch
Дальше реакт бомбить
двойное отрицание преобразования в булевое значение - это говнокод, прекратите так делать!
@derw1sz
5 жыл бұрын
Срочно надо оповестить ребят из airbnb, что Виктор Сергеевич лучше них знает как нужно делать github.com/airbnb/javascript#coercion--booleans
@zy2bas
5 жыл бұрын
В чем недостатки и как правильно?
@GlebDurOFF
5 жыл бұрын
Да ладно ..... Всегда считал, что отличное решение без лапши . А тут упс и оказывается, что не так. Как теперь жить дальше, даже не знаю.
@satansdeer1
5 жыл бұрын
Мне тоже интересно, что будет если продолжим и не прекратим
@vladwebdev9617
5 жыл бұрын
В чем именно "говнокодность" двойного отрицания? Вроде как никакой магии, все довольно прозрачно и понятно. Может еще и простое отрицание тоже говнокод?))
какой же треш...