Пишем библиотеку для виртуального скролла с нуля | React

 

В данном видео мы будет с нуля писать наше собственное решение для виртуализации (виртуального скролла). Для начала разберем, что такое виртуализация, как она работает. Затем напишем хук, который позволит работать со списками с единой высотой элементов. Код из видео:
Telegram канал:
Таймкоды: 00:00 - Интро 00:42 - Смотрим на конечное решение 02:20 - Какие фичи будут реализованы в этом уроке? 02:58 - Смотрим на начальный setup 03:59 - Пишем логику отслеживания scroll 06:26 - Начинаем писать логику самой виртуализации 08:44 - Разбираемся в вычислениях индексов 10:37 - Поддерживаем overscan и дописываем логику 13:07 - Исправляем проблему со скроллбаром 14:06 - Добавляем offset к элементам 17:23 - Баг с последним элементом 18:01 - Добавляем флаг isScrolling 21:06 - Логика в отдельном хуке 23:19 - Заключение