Full Stack Type Safety with React, GraphQL, and TypeScript
summary
A live to‑do app proves full‑stack type safety: React (CRA with TypeScript) calls an Apollo Server GraphQL backend wired with type‑graphql, and graphql schema + client .graphql files produce TypeScript types via graphql-code-generator. Adding a required field (priority) breaks the client until codegen syncs, TypeScript flags the missing input, and hard‑coding a value fixes the compile error. The demo persists data to state.json, showing the approach works end‑to‑end with one manual Apollo Server sync step.
AI-written summary · about
chapters (5)
- 0:00Start
- 2:01Ideal Development Experience for Breaking Api Changes
- 8:30Scalar Fields
- 16:08Mutation Operation
- 24:09State Json
related talks
35mFull-stack Type Safety with React, GraphQL, and TypeScript
25mType-safe GraphQL with TypeScript
57mType safe GraphQL with TypeScript
27mWeb applications of the future with TypeScript and GraphQL
30mReact Superpowers with GraphQL and TypeScript
25mWeb applications of the future with TypeScript and GraphQL
38mWeb Applications of the Future With TypeScript and GraphQL
52mTypeScript and GraphQ