Type-safe GraphQL with TypeScript
summary
Shows how to get end-to-end TypeScript safety by generating types from a GraphQL schema and using them on server and client. Uses graphql-code-generator to emit TypeScript models and resolver types, runs an Apollo GraphQL server (serverless on Azure Functions in the demo), and consumes typed operations in a React app via React Hooks. Demonstrates model mappers to translate DB field names to schema types so compile errors replace runtime nulls.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 1:13What is GraphQL
- 4:27What are we building
- 5:54Demo
- 14:26Testing
- 15:24Model Mapping
- 23:03Wrap Up
related talks
57mType safe GraphQL with TypeScript
27mWeb applications of the future with TypeScript and GraphQL
06mAutomagic TypeScript Codegen for GraphQL
35mFull-stack Type Safety with React, GraphQL, and TypeScript
26mFull Stack Type Safety with React, GraphQL, and TypeScript
29mType safety from the database to the frontend
25mWeb applications of the future with TypeScript and GraphQL
52mTypeScript and GraphQ