Тёмный

React.JS: создание огромных списков 

loftblog
Подписаться 382 тыс.
Просмотров 17 тыс.
50% 1

Друзья, этим видео мы открываем новую рубрику «Hard Code».
В рамках этой рубрики мы будем показывать различные must-have фишки по веб-разработке, которые могут пригодиться вам в повседневной работе.
В этом выпуске мы узнаем, что такое огромные списки в React и научимся с ними работать.
Хочешь повлиять на тему следующего выпуска? Пиши в комментариях, на какую тему сделать следующее видео!
Ведущий: Максим Иванов - frontend-разработчик в Mojang, преподаватель курса «React.js. Разработка веб-приложений» в Loftschool.
Полезные ссылки:
github.com/sat...
Школа онлайн-образования: 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
Поставь лайк - смотивируй автора писать еще :)

Опубликовано:

 

13 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 59   
@satansdeer1
@satansdeer1 5 лет назад
Привет, ребята, как вам такой формат? Пишите свои пожелания! Если будут вопросы - тоже пишите, постараюсь всем ответить
@mrdanielandreevich579
@mrdanielandreevich579 5 лет назад
Максим, спасибо за видео. Хотелось бы увидеть видео по оптимизации React-приложений.
@satansdeer1
@satansdeer1 5 лет назад
@@mrdanielandreevich579 бест практисес, или профайлинг? Что интереснее?
@mrdanielandreevich579
@mrdanielandreevich579 5 лет назад
@@satansdeer1 и то, и другое интересно, но бест практисес на данный момент интереснее. ИМХО это проще для понимания конечным разработчикам и позволит охватить бОльшую аудиторию. Но тем не менее, на ютубе мало информации и по бест практисес, и по профайлингу.
@satansdeer1
@satansdeer1 5 лет назад
MrDaniel Andreevich понял, спасибо
@pavelkalchenko
@pavelkalchenko 5 лет назад
Да мне тоже не хватило глубины. Либа это хорошо. И хоть я понимаю как она работет, прикольнее было бы сначала написать упрощенную версию этого самому, показать изнутри, а потом сказать, что есть готовая лимба, которая это же делает. Пример - видео CodeDojo про RXjs
@user-el1qe1fv8s
@user-el1qe1fv8s 4 года назад
Отличный пример. Best practic react! Хочется так же посмотреть пагинацию(pagination react), прелоадер-иконка в момент подгрузки данных(preload, loader). Так же хочется посмотреть как правильно выгружать на хостинг react приложения.
@vladvoloshenko5701
@vladvoloshenko5701 2 года назад
Отличное качество съемки, спасибо за видео, удачи и успехов)
@Greenleaf_in_ua
@Greenleaf_in_ua 5 лет назад
Очень интересная библиотека, интересно было бы узнать еще что-то новое из React или в общем мира fronted
@evgeniyn1542
@evgeniyn1542 5 лет назад
Сложно, но интересно. Так же интересно будет увидеть все модное и молодежное из мира фронтенда. :)
@user-ei1si3io7x
@user-ei1si3io7x Год назад
Спасибо! Очень доступно все
@gritsienkooleg3447
@gritsienkooleg3447 Год назад
Вау, классный контент, спасибо!)
@feddim9624
@feddim9624 2 года назад
спасибо за урок. интересно было бы посмотреть про React Table и React Query
@AlexTogar
@AlexTogar 2 года назад
вместо [...Array(30000).keys()].map((item) => ... можно использовать Array(30000).fill().map((_, index) => ... - чуть компактнее и легче читается
@__kawaii
@__kawaii Год назад
Видео очень старое, с ключами уже никто не пишет
@ivanverevkin2037
@ivanverevkin2037 5 лет назад
хочу видеть фронтенд, бекенд, инструменты командной строки, девопс, тестирование - что угодно!
@met1388
@met1388 5 лет назад
Очень хорошый формат!!!
@ivan4486
@ivan4486 8 месяцев назад
Как бы еще приделать заголовок к этому списку..
@drunk_craft
@drunk_craft 3 года назад
Это просто бомба
@user-ll6vp9iq8z
@user-ll6vp9iq8z 5 лет назад
опа, новый формат)
@linger8705
@linger8705 5 лет назад
Было бы интересно увидеть в следующих роликах DevOps или backend.
@djorji7114
@djorji7114 5 месяцев назад
Подскажите пожалуйста, а зачем функция кеширующая запрос добавлена, если запрос отправляется только когда мы достигаем низ страницы, а в таком случае этих городо точно ещё нет в кеше?
@vladimirww5152
@vladimirww5152 3 года назад
круто!
@antononoprienko9027
@antononoprienko9027 Год назад
Второй день мучаюсь не могу понять как можно отобразить с помощью react-window. Элементы сеткой. Как список товаров магазина
@advhunter2
@advhunter2 5 лет назад
Frontend (React) 👣😇 Какой стек технологий надо знать junior, middle и senior React разработчику(если однозначного ответа нету, то углубиться в эту степь), такого видео не находил, думаю будет интересно 👍💣💥
@satansdeer1
@satansdeer1 5 лет назад
Даниил Смахтин , о, интересная идея, такой роадмап-обзорный
@MIHANIZM56
@MIHANIZM56 5 лет назад
стек не так важен, как умение решать задачи и смекать)
@pavelkalchenko
@pavelkalchenko 5 лет назад
На хабре есть статья и там даже роадмэп разраба. Вот m.habr.com/ru/company/ruvds/blog/352452/ И вот m.habr.com/ru/company/netologyru/blog/328426/
@advhunter2
@advhunter2 5 лет назад
@@MIHANIZM56 это не совсем то что я спросил
@artem8547
@artem8547 4 года назад
@@advhunter2 ты можешь не черта не знать, но если ты шаришь, то тебе всё дастя само(можно так сказать) а если не шаришь. То ооочень много времени уйдет
@tonyKop
@tonyKop 5 лет назад
React-saga, по-подробнее )
@user-no7sl1yk3f
@user-no7sl1yk3f Год назад
Подскажите, а можно ли сделать динамический список с высотой содержимого?
@dumitru05
@dumitru05 5 лет назад
frontend !!!
@Angong1
@Angong1 5 лет назад
окошечкование
@promax866
@promax866 5 лет назад
Давай исчо!
@romangoncharuk4455
@romangoncharuk4455 5 лет назад
интересно радиовещание на node на примере трёх потоков с разными битрейтами на ffmpeg и без него
@azamatmuratshin
@azamatmuratshin 4 года назад
техника «деления на окна» или « форточкование»
@jevgenbre5600
@jevgenbre5600 5 лет назад
Правильно называется - "Оконный доступ"
@parabellum577
@parabellum577 2 года назад
Покажи как фильтровать такие списки без потери произодительности
@d__el
@d__el Год назад
это всё здорово, но видео такое же как и десяток других которое показывает пример из документации. а там не всё понятно и хотелось какое-то другое более обьёмное обьяснение
@vladvladdd2220
@vladvladdd2220 4 года назад
Front end
@ikurbano
@ikurbano 2 года назад
каждая собака мнит себя англоязычным блогером....
@ollegat
@ollegat 4 года назад
React-virtualized
@trickster6123
@trickster6123 5 лет назад
CI/CD
@eugeniucozac5563
@eugeniucozac5563 4 года назад
react hooks
@clumsy_weirdo
@clumsy_weirdo 3 года назад
Нда...
@ikurbano
@ikurbano 2 года назад
fucking finally no how much watch
@iGotton
@iGotton 5 лет назад
Дальше реакт бомбить
@IAM23
@IAM23 5 лет назад
какой же треш...
@user-td4yy8zt5u
@user-td4yy8zt5u 5 лет назад
двойное отрицание преобразования в булевое значение - это говнокод, прекратите так делать!
@derw1sz
@derw1sz 5 лет назад
Срочно надо оповестить ребят из airbnb, что Виктор Сергеевич лучше них знает как нужно делать github.com/airbnb/javascript#coercion--booleans
@zy2bas
@zy2bas 5 лет назад
В чем недостатки и как правильно?
@GlebDurOFF
@GlebDurOFF 5 лет назад
Да ладно ..... Всегда считал, что отличное решение без лапши . А тут упс и оказывается, что не так. Как теперь жить дальше, даже не знаю.
@satansdeer1
@satansdeer1 5 лет назад
Мне тоже интересно, что будет если продолжим и не прекратим
@vladwebdev9617
@vladwebdev9617 5 лет назад
В чем именно "говнокодность" двойного отрицания? Вроде как никакой магии, все довольно прозрачно и понятно. Может еще и простое отрицание тоже говнокод?))
Далее
React.js - Советы от профи!
48:09
Просмотров 51 тыс.
86 - Virtual DOM - React JS
35:22
Просмотров 41 тыс.
React Query - Complete Tutorial
18:57
Просмотров 124 тыс.
Redis за 20 минут
23:22
Просмотров 135 тыс.
Аутентификация. Сессии и JWT
23:37
Загрузка файлов с фронтенда
18:49