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:
github.com/candraKriswinarto/...
🔗Source:
[api] jsonplaceholder.typicode.com/
[react-intersection-observer] www.npmjs.com/package/react-i...
[react-query] tanstack.com/query/latest/doc...
[vite] vitejs.dev/guide/
👋🏻
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: github.com/candraKriswinarto/
Linkedin: / candra-kriswinarto
#programming
26 июн 2024