Web applications of the future with TypeScript and GraphQL

on YouTube ↗25m

" summary

Claims that a GraphQL schema becomes the single source of truth and that graphql-code-generator generates TypeScript types from GraphQL schema and creates React Apollo components are demonstrated with a live run that produces types in about 1.7 seconds. The demo shows replacing hand-written interfaces, removing boilerplate, and catching mismatches that otherwise break the app; warns that migrating legacy libs is painful when third-party typings are missing.

AI-written summary · about

" chapters (13)

1. 0:00TypeScript and GraphQL intro
2. 1:50What is TypeScript
3. 4:00GraphQL benefits
4. 6:48Combining types
5. 9:13Code Generator setup
6. 13:06Manual types risks
7. 15:15Installing Code Generator
8. 18:07Auto-generating types
9. 20:13Replacing manual types
10. 21:17End-to-end type safety
11. 22:20Converting to TypeScript
12. 23:01Type systems importance
13. 24:11Q&A

" related talks

• 27mWeb applications of the future with TypeScript and GraphQLRoy Derks · Conf42 JavaScript 2022
• 38mWeb Applications of the Future With TypeScript and GraphQLRoy Derks · React Alicante 2022
• 30mReact Superpowers with GraphQL and TypeScriptRoy Derks · React Live Online Conference 2020
• 06mAutomagic TypeScript Codegen for GraphQLSalvatore Aiello · React Conf 2019
• 52mTypeScript and GraphQRoy Derks · JSWorld Conference 2021
• 25mType-safe GraphQL with TypeScriptAaron Powell · OpenJS World 2021
• 57mType safe GraphQL with TypeScriptAaron Powell · NDC Melbourne 2022
• 47mRock-Solid Components with TypeScript and GraphQLMat Warger · NDC Porto 2019