Let's manage our local state with GraphQL
summary
Claim: manage local UI state using GraphQL instead of Redux by using apollo-link-state with apollo-boost and react-apollo. Shows defaults and resolvers stored in the Apollo cache, a mutation and client-side query that open and close a modal by writing to cache, plus an Apollo consumer shortcut. Demonstrates a working modal example, notes SSR and cache tweaks, and previews Apollo Client 3.0 merging link-state and an Apollo CLI that generates TypeScript types for queries.
AI-written summary · about
chapters (9)
- 0:00Start
- 2:02MANAGING LOCAL STATE WITH APOLLO
- 6:55RESOLVERS
- 11:40THE QUERY COMPONENT
- 15:24FITS ONE SLIDE
- 15:34THE MUTATION COMPONENT
- 19:00THE MODAL DOES NOT CLOSE
- 20:36APOLLO BOOST SUPPORTS SSR NOW
- 24:16OPT-IN SCHEMA VALIDATION
related talks
24mState Management in React Apps with Apollo Client
27mLet’s manage our local state with GraphQL
20mGQL all the Things!
22mReact State Management in a GraphQL Era
23mGraphQL State Management for React Native
52mState management in a GraphQL era
24mReact State Management In a GraphQL Era
25mReact state management in a GraphQL era