Data fetching made easy
summary
Shows concrete replacement of useEffect + setState with useQuery/useMutation and a QueryClientProvider setup, so code shrinks and boilerplate goes away. Demonstrates invalidating a products query after a mutation so updated data refetches automatically, and explains batching and automatic refetch on tab focus. Notes defaults that bite: 3 retries by default and other "aggressive and sane" settings. Mentions devtools are web-only and claims ~1.5M downloads/week as evidence of adoption.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 1:15Classic React data fetching
- 2:19Simplifying with React Query
- 4:29What is React Query
- 6:16Highlights of React Query
- 9:29Why React Query is popular
- 10:11Conclusion
related talks
11mSimple data fetching with React Query
21mData Fetching with React Query A Crash Course
26mData Fetching Unleashed: Next.js, React Query and their BFF
25mReact Query Under the Hood
29mReact Query: It’s Time to Break up with your "Global State"!
20mReact Query API Design – Lessons Learned
27mLet's Build React Query in 150 Lines of Code!
52mManaging Remote State in React