TypeScript and GraphQ

on YouTube ↗52m

" summary

A 50 minute workshop that shows a working Express GraphQL server plus a React front end wired with TypeScript, starting with plain graphql-request then moving to Apollo Client and the graphql code generator to auto‑produce TypeScript types from the schema. Demonstrations include renaming and deprecating fields, generating hooks like useQuery and fixing type drift between server and app, with the demo server and app running successfully after a few small fixes.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 2:15TypeScript is a typed superset of JavaScript That compiles to plain JavaScript And uses the latest ECMAScript features
3. 4:05GraphQL is a query language for APIS That offers a single endpoint for multiple resources And is based on a type system
4. 7:38The GraphQL schema is used to generate TypeScript types

" related talks

• 27mWeb applications of the future with TypeScript and GraphQLRoy Derks · Conf42 JavaScript 2022
• 25mWeb applications of the future with TypeScript and GraphQLRoy Derks · ConFrontJS 2019
• 57mType safe GraphQL with TypeScriptAaron Powell · NDC Melbourne 2022
• 38mWeb Applications of the Future With TypeScript and GraphQLRoy Derks · React Alicante 2022
• 01h 12mWorkshop: GraphQL on Client and Server — From Idea to Prototype (Part 1)Ruslan Baygunusov · HolyJS Piter 2020
• 25mType-safe GraphQL with TypeScriptAaron Powell · OpenJS World 2021
• 01h 14mWorkshop: GraphQL on Client and Server — From Idea to Prototype (Part 2)Ruslan Baygunusov · HolyJS Piter 2020
• 30mReact Superpowers with GraphQL and TypeScriptRoy Derks · React Live Online Conference 2020