A Journey Through React Apollo
summary
Announces that react apollo 2.1 (March) replaces HOCs with query/mutation/subscription components using render props, demonstrates a canary suspense‑compatible build released recently, and shows concrete demos (CodeSandbox + a Glitch GraphQL backend) where adding a suspend prop yields one loading spinner, enables interruption/prioritization, and still normalizes data into the Apollo cache. Explains server‑side double‑pass rendering with getDataFromTree, describes an experimental timeout/low‑priority primitive, and reports the demos working as advertised.
AI-written summary · about
chapters (30)
- 0:00Intro
- 0:43Agenda
- 3:28The Year 2016
- 4:03GraphQL
- 4:42Double Pass Render
- 5:18Cache Normalization
- 6:56Render Props
- 7:11React Apollo 2018
- 7:36React Apollo 21
- 9:00Render Prep API
- 10:30The Future
- 10:45Async Rendering and React
- 11:31React Suspends
- 13:59Dog Photos
- 15:41React Demo
- 16:39Loading Spinner
- 16:52Suspend Request
- 17:18Timeout Component
- 18:52Apollo Cache
- 19:22Interrupts
- 19:57Search for Beagle
- 20:24What happens when you change your mind
- 20:44What happens when you change your mind again
- 20:59Async demo
- 21:21Spinner demo
- 21:59Low priority component demo
- 22:21German Shepherd demo
- 24:01Recap
- 25:17React Apollo Cache
- 25:28Conclusion
related talks
24mModern Apollo Client React
24mBuilding Reactive GraphQL Apps With Apollo
58mCrafting compelling real-time web experiences with GraphQL and React
29mWrite Queries, Not Code
22mReact State Management in a GraphQL Era
28mHow to Use Suspense and GraphQL with Apollo to Build Great User Experiences
24mPanel discussion hosted by the Apollo team on GraphQL + React
23mOptimistic UI updates with Apollo Client and React