React Superpowers with GraphQL and TypeScript

on YouTube ↗30m

" summary

Shows that generating TypeScript from a GraphQL schema with graphql code generator removes manual types, produces ready-to-use useGetProductsQuery hook, and eliminates boilerplate around Apollo Client. Demo uses a CodeSandbox GraphQL server and create‑react‑app, generates .tsx output, and runs—queries return typed product and offer fields. Claim: fewer build-time errors and less debugging; result is concrete generated code and working hooks rather than abstract examples.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 2:14What Do You Already Know about Typescript
3. 4:49Graphql
4. 10:47Graphical Code Generator
5. 13:45Setup
6. 14:56Graphql Server

" 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
• 57mType safe GraphQL with TypeScriptAaron Powell · NDC Melbourne 2022
• 25mType-safe GraphQL with TypeScriptAaron Powell · OpenJS World 2021
• 26mFull Stack Type Safety with React, GraphQL, and TypeScriptRobert Zhu · Nordic.js 2019
• 52mTypeScript and GraphQRoy Derks · JSWorld Conference 2021
• 06mAutomagic TypeScript Codegen for GraphQLSalvatore Aiello · React Conf 2019
• 12mThe Next Generation of GraphQL and TypeScriptDotan Simha · GraphQL Galaxy 2020