Myvideo

Guest

Login

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

Uploaded By: Myvideo
1 view
0
0 votes
0

В данном видео разбираем тему бесконечной ленты и подгрузке данных при прокручивании страницы. Для реализации данного функционала под капотом использованной из видео библиотеки служит 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

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later