How to Create Infinite Scroll in React | TanStack React Query

Опубликовано: 23 Октябрь 2023
на канале: Cand Dev

23,049

510

Check out MiniTool MovieMaker: https://bit.ly/4hKFA9A In this video we are gonna learn how to create infinite scroll in react, we can use button "load more" to show more data, also we are gonna use "react-intersection-observer" to make it auto fetch when we scroll down.

👨‍💻Code:
https://github.com/candraKriswinarto/...

🔗Source:
[api] https://jsonplaceholder.typicode.com/
[react-intersection-observer] https://www.npmjs.com/package/react-i...
[react-query] https://tanstack.com/query/latest/doc...
[vite] https://vitejs.dev/guide/

👋🏻
https://mynameischand.tech

👉Timestamps:
0:00 - Intro
01:08 - Generate React.js with vite
02:49 - Fetch data & styling
11:07 - Install Tanstack React Query
12:40 - How to use useInfiniteQuery
28:38 - How to use react-intersection-observer

🌎 Find Me Here:
Instagram : / candra_kriswinarto
GitHub: https://github.com/candraKriswinarto/
Linkedin: / candra-kriswinarto

#programming

Смотрите видео How to Create Infinite Scroll in React | TanStack React Query онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал Cand Dev 23 Октябрь 2023. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 23,049 раз и оно понравилось 510 посетителям.

5,053,362

57 тыс