How to Create Infinite Scroll in React | TanStack React Query

Publié le: 23 octobre 2023
sur la chaîne: Cand Dev

27,148

585

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

Sur cette page du site, vous pouvez voir la vidéo en ligne How to Create Infinite Scroll in React | TanStack React Query durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Cand Dev 23 octobre 2023, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 27,148 fois et il a aimé 585 téléspectateurs. Bon visionnage!

12,761

260