State Management in React Apps with Apollo Client
summary
Claims that local UI state lives in the Apollo cache and can be managed with GraphQL using apollo-link-state and client-side resolvers instead of Redux. Uses Apollo Boost and React Apollo Query/Mutation/Apollo Consumer to read queries, write cache, and run an open modal mutation that performs no network call. Shows a runnable demo (a modal and a Figma-API file explorer) and cites Apollo 2.1 features and the Apollo Slack size (6,922) as context.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 3:35Why Apollo for state
- 6:24Setting up Apollo Client
- 11:01Query component
- 15:16Mutation and cache updates
- 18:45Combining query and mutation
- 21:35Apollo vs Redux
- 21:56Live modal demo
- 23:20Summary
related talks
26mLet's manage our local state with GraphQL
27mLet’s manage our local state with GraphQL
23mGraphQL State Management for React Native
52mState management in a GraphQL era
20mGQL all the Things!
24mReact State Management In a GraphQL Era
25mReact state management in a GraphQL era
22mReact State Management in a GraphQL Era