How to Create Infinite Scroll in React | TanStack React Query

Published: 23 October 2023
on channel: 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

Watch video How to Create Infinite Scroll in React | TanStack React Query online, duration hours minute second in high quality that is uploaded to the channel Cand Dev 23 October 2023. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 23,049 times and liked it 510 visitors.

418