Managing Remote State in React
summary
Shows that TanStack Query (React Query) replaces manual fetch state by providing a small in-memory cache that dedupes identical requests, caches results, retries failed calls, and performs background refetches. Demonstrates with the Rick and Morty API that rendering the same query twice issues one network call, and a to‑do demo that uses optimistic updates via setQueryData plus invalidateQueries to reconcile with the server. Works with REST, GraphQL, React Native and other frameworks.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 1:47Front-end evolution
- 3:32State management challenges
- 7:48Remote state complexity
- 11:57Introducing React Query
- 16:33Deduplication demo
- 24:50Mutations and updates
- 30:44Advanced React Query features
- 41:04Conclusion and resources
related talks
11mSimple data fetching with React Query
21mData Fetching with React Query A Crash Course
54mTanStack Query Revolution: Finally Good State Management
29mReact Query: It’s Time to Break up with your "Global State"!
20mAvoiding Expensive Mishaps with Effective State Management
41mReact Query: The Next Big Library?
25mReact Query Under the Hood
01h 00mEffective React: Lessons from 10 Years