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