Web Applications of the Future With TypeScript and GraphQL

on YouTube ↗38m

" summary

Shows an end to end workflow: a live Hacker News–style frontend queries Practical Dev through a stepson GraphQL layer, generates TypeScript types with graphql code generator, and plugs typed hooks into Apollo client to eliminate hand‑written models. Claim is concrete: GraphQL schema becomes single source of truth and saves debugging. Demo faces a flaky Wi Fi but types generation runs and the app renders, demonstrating reduced runtime errors and faster refactorability.

AI-written summary · about

" chapters (12)

1. 0:00Intro
2. 0:41Why TypeScript
3. 2:04Why GraphQL
4. 3:34What is TypeScript
5. 7:30What do you know about GraphQL
6. 13:37Type Systems
7. 16:34GraphQL Code Generator
8. 18:04GraphQL Schema
9. 20:22Demo
10. 22:21GraphQL API
11. 24:49GraphQL Data Types
12. 26:21Using GraphQL Code Generator

" related talks

• 25mWeb applications of the future with TypeScript and GraphQLRoy Derks · ConFrontJS 2019
• 27mWeb applications of the future with TypeScript and GraphQLRoy Derks · Conf42 JavaScript 2022
• 52mTypeScript and GraphQRoy Derks · JSWorld Conference 2021
• 35mFull-stack Type Safety with React, GraphQL, and TypeScriptRobert Zhu · React Boston 2019
• 26mFull Stack Type Safety with React, GraphQL, and TypeScriptRobert Zhu · Nordic.js 2019
• 32mFrom learning to thinking in GraphQLGlenn Reyes · FrontEnd Con 2018
• 57mType safe GraphQL with TypeScriptAaron Powell · NDC Melbourne 2022
• 25mType-safe GraphQL with TypeScriptAaron Powell · OpenJS World 2021