5 варіантів Infinite Scrolling на React. Intersection Observer + React Virtualization.

Реєструйтеся на вебінар і здобувайте міжнародну освіту: GoIT Neoversity – нові можливості в Новому Році!

Стати спонсором каналу:

Буду вдячний за підтримку каналу:
Patreon –
BuyMeACoffee –
Mono Bank –
або так – 5375 4114 0505 7287
Приват банк – 4627 0551 1331 6110

00:00 Вітаннячко
00:23 Що таке Infinite scroll?
02:18 Rozetka приклад
03:34 Open Library API
03:55 GoIT Neoversity
05:40 Код з GitHub
09:27 Ознайомлення з кодом
10:59 useData hook
14:59 Варіант 1 – з кнопкою
21:05 Варіант 2 – onScroll event
32:20 Варіант 3 – IntersectionObserver
43:46 loadMoreData рефакторінг
48:17 Варіант 4 – Бібліотека
55:12 Варіант 5 – Virtualization – React-window

GitHub код –

Також корисні посилання щодо Infinite Scroll

Давайте дружити:
Telegram ↣
Telegram чат ↣
INSTAGRAM ↣
TWITTER ↣
FACEBOOK ↣
WEB-SITE ↣
GITHUB ↣
Другий YouTube канал ↣

#react #javascript #tutorial #js

[ad_2]

source