Demystifying GraphQL Clients

on YouTube ↗25m

" summary

Compares concrete behaviors: how Apollo client uses the gql template tag, runtime ASTs, Redux-backed normalized cache, optimistic UI, prefetch and server-side rehydration; how Relay 1.0 shifts work to build time with a compiler, generated artifacts and built‑in Flow types; shows subscription plumbing, persistent queries, and how cache reads differ; claims Relay is about 20 percent smaller and demonstrates which patterns actually reduce network calls and keep UI state consistent.

AI-written summary · about

" chapters (12)

1. 0:00Start
2. 2:28FIELDS
3. 4:15VARIABLES
4. 5:19DIRECTIVES
5. 6:47ERRORS
6. 11:55PROJECT GOALS
7. 16:00SIMPLE QUERY
8. 17:47MUTATIONS
9. 19:50APOLLO DEVTOOLS
10. 22:04MODULARITY
11. 22:50RELAY MODERN
12. 23:53SIMILARITIES

" related talks

• 31mFrom Relay to Apollo, a story of GraphQL clientsMihai Cîrlănaru · Voxxed Days Frontend Bucharest 2019
• 29mWrite Queries, Not CodePeggy Rayzis · AgentConf 2018
• 58mApolloClient or Relay with Fragments, ‘Hairy’ GraphQL and TypeScriptPavel Chertorogov · HolyJS Piter 2019
• 24mGraphQL ClientsMikhail Novikov · You Gotta Love Frontend Conference 2018
• 15mThe State of GraphQL Clients in 2023Roy Derks · React Alicante 2023
• 14mKeynote: GraphQL Clients in 2024Jeff Auriemma · GraphQLConf 2024
• 24mBuilding Reactive GraphQL Apps With ApolloMartijn Walraven · React Amsterdam 2016
• 33mRelay Modern or Apollo?Gerard Sans · ReactiveConf 2017