ApolloClient or Relay with Fragments, ‘Hairy’ GraphQL and TypeScript
summary
Compares Apollo Client and Relay architectures, explains what “hairy” (densely typed) GraphQL is and how it differs from RestQL, and shows how to use GraphQL on the client with react-apollo by composing queries bottom-up with fragments (as Facebook does). Demonstrates integrating these fragment-based patterns with TypeScript to enable strong enterprise static analysis and argues that most Apollo Client users overlook fragment power.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:45What is GraphQL
- 5:42GraphQL drawbacks
- 8:11GraphQL clients overview
- 13:47Relay vs Apollo performance
- 20:53Client-side data storage
- 25:50Fixing Apollo cache misses
- 28:18Choosing Relay vs Apollo
- 34:09GraphQL fragments
- 40:48Complex GraphQL links
- 45:24Fragment demo
- 51:55Q&A
related talks
25mDemystifying GraphQL Clients
31mFrom Relay to Apollo, a story of GraphQL clients
20mColocating & Composing Data Dependencies with Fragments
29mWrite Queries, Not Code
33mRelay Modern or Apollo?
47mReact, Relay and GraphQL — a perfectly normal component approach
15mThe State of GraphQL Clients in 2023
21mReact Server Components Vs. GraphQL