React Query (TanStack) Full Course Tutorial in One Video

Показать описание

Learn React Query (TanStack Query) in one complete video, from installation to advanced features like pagination and infinite scrolling. Whether you're a beginner or experienced developer, this tutorial will guide you step-by-step through fetching data, managing state, and optimizing your React app with React Query. For example, if you're building a dynamic blog with real-time data, this video will show you how to handle API requests efficiently using features like polling and caching.

------------------------------------------------------------------------
🚀 Boost Your Skills with these Pre-Requisite Videos:

------------------------------------------------------------------------

------------------------------------------------------------------------
✌️ Join Us!

------------------------------------------------------------------------

⌛TIMELINE⏳
0:00 – Introduction to React Query (TanStack Query)
3:44 – What is TanStack Query and its advantages
11:50 – Installing TanStack Query in your project
23:40 – Adding queryClient and QueryClientProvider in React
38:20 – Fetching API data with React Query
48:00 – Managing loading and error states using useQuery hook
55:10 – Installing React Query DevTools
1:05:30 – Understanding garbage collection in React Query
1:17:00 – Managing stale time in React Query
1:28:00 – Polling to grow your app like real-time apps
1:35:50 – Using queryKeys in React Query
1:52:10 – Implementing pagination with TanStack Query
2:13:30 – Using useMutation to delete card data
2:34:56 – Using useMutation to update card data
2:50:38 – Implementing infinite scrolling with React Query
3:18:45 – Using infiniteScroll with the React Intersection Observer package
3:25:10 – Hosting a React Query website live on Hostinger

Рекомендации по теме

Комментарии

🚀 Boost Your Skills with these Pre-Requisite Videos:

✌️ Join Us!

ThapaTechnical

Bro I Found you in 2021, I was just a fresher.
Now I am a team lead💟 just by following your lectures 🙌

cjbhaii

I have been using React-query for a long time but I wasn't updated and I used to get things to work on my own.
But watching your video, I learned a lot and I got to know how easy things were with React-query out of the box.

Your video helped me learn more about React-query otherwise I would still go for complex logics😅. Thanks bro❤️❤️

prakashbanjade

🎉🎉🎉 thanks that's what i needed one more req will u make graphql series with typescript in future

saurabhbisht

2:20:15 that's why typeScript is important.

SiddhantSuvagiya

next js please bhaiya with a lot of projects

phanibhusan

please sir aap TanStack routing pr bhi aesa video create karo, this video too good

swativaidya

Tumne bich me pucha ki page refresh karne pe kaha se data milega cache se ya backend. Data to backend se milega ...kyuki slatetime 0 he. Phir apne catche kyu bola. And slow mo me dekhoge to loading state vi dikhaya he waha par. Means backend se aaya

Os_rwt

Sir, please make some tutorials on Tanstack Router.

samiulkarim

Hi thapa,

I’m currently working on a large-scale project where React Query (TanStack Query) has been set up for managing server-state. However, I also need to handle client-side state efficiently. Should we continue using React Query alongside Redux Toolkit, or would it be more effective to adopt RTK Query with Redux Toolkit for a unified state management approach? I’d appreciate the team’s input on the best strategy moving forward.

ashokkumarkumhar