How to Create Infinite Scroll in React | TanStack React Query
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
On this page of the site you can watch the video online How to Create Infinite Scroll in React | TanStack React Query with a duration of hours minute second in good quality, which was uploaded by the user Cand Dev 23 October 2023, share the link with friends and acquaintances, this video has already been watched 27,148 times on youtube and it was liked by 585 viewers. Enjoy your viewing!
