How to Create Infinite Scroll in React | TanStack React Query

Pubblicato il: 23 ottobre 2023
sul canale di: 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

In questa pagina del sito puoi guardare il video online How to Create Infinite Scroll in React | TanStack React Query della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Cand Dev 23 ottobre 2023, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 27,148 volte e gli è piaciuto 585 spettatori. Buona visione!

269