Web applications of the future with TypeScript and GraphQL

on YouTube ↗27m

" summary

Shows how a GraphQL schema becomes TypeScript types using graphql-code-generator and a live demo that produces a generated file graphql.tsx with mapped scalar types and useQuery hooks for React. Claims end-to-end type safety between API and client, demonstrates turning a REST API into GraphQL via Steps and then into TypeScript, uses the CLI so generation fits build pipelines, and warns to migrate to TypeScript gradually to avoid breaking a codebase.

AI-written summary · about

" chapters (6)

1. 0:00Future web apps with TS and GraphQL
2. 3:46What is TypeScript and why
3. 7:15GraphQL basics
4. 14:19TypeScript and GraphQL types
5. 18:15Live demo: TS types from GraphQL
6. 25:21Migrating to TypeScript safely

" related talks

• 25mWeb applications of the future with TypeScript and GraphQLRoy Derks · ConFrontJS 2019
• 38mWeb Applications of the Future With TypeScript and GraphQLRoy Derks · React Alicante 2022
• 25mType-safe GraphQL with TypeScriptAaron Powell · OpenJS World 2021
• 57mType safe GraphQL with TypeScriptAaron Powell · NDC Melbourne 2022
• 52mTypeScript and GraphQRoy Derks · JSWorld Conference 2021
• 30mReact Superpowers with GraphQL and TypeScriptRoy Derks · React Live Online Conference 2020
• 35mFull-stack Type Safety with React, GraphQL, and TypeScriptRobert Zhu · React Boston 2019
• 06mAutomagic TypeScript Codegen for GraphQLSalvatore Aiello · React Conf 2019