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

Реєструйтеся на вебінар і здобувайте міжнародну освіту: https://i.goit.global/stOoF. GoIT Neoversity - нові можливості в Новому Році!

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

Буду вдячний за підтримку каналу:
Patreon -   / rudnyi  
BuyMeACoffee - https://www.buymeacoffee.com/maksymru...
Mono Bank - https://send.monobank.ua/jar/6oqhydjLGp
або так - 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 код - https://github.com/MaksymRudnyi/react...

Також корисні посилання щодо Infinite Scroll
https://blog.logrocket.com/3-ways-imp...
https://dev.to/vishnusatheesh/explori...
  / react-how-to-implement-an-infinite-scroll  
https://www.smashingmagazine.com/2013...
https://levelup.gitconnected.com/how-...

Давайте дружити:
Telegram ↣ https://t.me/maksymrudnyi
Telegram чат ↣ https://t.me/joinchat/H4AF4W4dfGeGepNQ
INSTAGRAM ↣   / maksym_rudnyi  
TWITTER ↣   / maksymrudnyi  
FACEBOOK ↣   / travelscode  
WEB-SITE ↣ https://travelscode.com/
GITHUB ↣ https://github.com/MaksymRudnyi/
Другий YouTube канал ↣    / travelscode  

#react #javascript #tutorial #js