The ultimate GraphQL client development experience
summary
Uses GraphQL Code Generator to emit TypeScript types and generate per-operation function overloads in watch mode so edits auto-regenerate correct overloads, producing a graphql function that returns typed DocumentNodes. Works with Apollo, Urql or plain fetch via the client preset, giving fully typed results and conditional typed variables. Recommends co-locating .graphql literals, VS Code plugin for schema-aware autocomplete, and Fragment-based component data masking to avoid zombie operations and accidental field access.
AI-written summary · about
chapters (9)
- 0:00Introduction to GraphQL
- 3:28Consuming GraphQL APIs
- 5:51GraphQL Code Generator
- 9:15TypeScript magic explained
- 14:05Cross-platform flexibility
- 16:14Co-locating operations
- 17:57Editor configuration
- 18:45Using GraphQL fragments
- 24:15Conclusion and resources
related talks
15mThe Evolution of GraphQL Code Generation
06mAutomagic TypeScript Codegen for GraphQL
12mThe Next Generation of GraphQL and TypeScript
09mThe new GraphQL Codegen
25mType-safe GraphQL with TypeScript
47mRock-Solid Components with TypeScript and GraphQL
30mThe Biggest Change To GraphQL Codegen in 10 Years
25mWeb applications of the future with TypeScript and GraphQL