React Lazy Loading. Intersection Observer. Подгрузка при скролле - Vite, React, Typescript, Tailwind

В данном видео разбираем тему бесконечной ленты и подгрузке данных при прокручивании страницы. Для реализации данного функционала под капотом использованной из видео библиотеки служит Intersection Observer API. Этот пример можно использовать для реализации любого подобного функционала, для отображения статичных элементов (изображений) и данных с api. В видео также напишем собственный хук для запроса на сервер и добавим немного типизации. Первое видео на канале. Жду ваш фидбек, предложения для следующих видео и конечно же хейтеров 🤗 Таймкоды: 00:00 ➝ Введение 00:50 ➝ Подготовка проекта 02:35 ➝ Установка Tailwind 05:00 ➝ react-intersection-observer 09:55 ➝ Структура элементов 12:45 ➝ Пишем хук useFetch 20:38 ➝ Логика переключения страниц 23:01 ➝ Сеттинг элементов из хука в компонент 25:10 ➝ Смотрим результат с ошибкой :) 26:10 ➝ Дополняем логику хука (totalCount) 28:03 ➝ Функция проверки количества элементов 28:29 ➝ Смотрим результат без ошибок :) #javascript #js #react #scroll #intersectionobserver #observer #junior #реакт #разработка #lazy #loading