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

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

В данном видео мы будет с нуля писать наше собственное решение для виртуализации (виртуального скролла). Для начала разберем, что такое виртуализация, как она работает. Затем напишем хук, который позволит работать со списками с единой высотой элементов.

Код из видео:
https://github.com/Ayub-Begimkulov/yo...

Telegram канал:
https://telegram.me/ayub_begimkulov_c...

Таймкоды:
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 - Заключение

Комментарии

Информация по комментариям в разработке