Async
summary
Argues React should be async-by-default to eliminate flicker and coordinate loading; demo rewrites a to‑do app to use a suspense-enabled router, a promise cache, and built-in patterns for navigation and mutations. Uses transitions, useOptimistic, Suspense and the browser view transition API plus action props and a suspense-driven data layer; the resulting UX shows coordinated spinners, crossfade animations and optimistic tabs. Implementation works but requires converting effects to suspense and caching promises. Announces Async React Working Group and demo code (rickhanlonii/async-react).
AI-written summary · about
chapters (11)
- 0:00Introduction to async React
- 5:05History of React’s async evolution
- 9:17Async React’s core concept
- 16:53Demo: fixing loading states
- 17:14Demo: to-do app issues
- 23:03Demo: adding suspense and animations
- 26:37Demo: fixing tab transitions
- 33:07Demo: search with transitions
- 34:10Future of async React
- 39:08Async React’s vision and next steps
- 42:01Closing and acknowledgments
