Automate your stack with GraphQL

on YouTube ↗22m

" summary

Shows an end-to-end setup: a small Netlify serverless books API, GraphQL schema files and a codegen watch that automatic TypeScript & React Query hooks regenerates on save, gives IDE autocompletion and replaces any-typed REST responses with concrete types. Uses The Guild’s codegen, esbuild bundling and is framework-agnostic for React Vue Angular. Live demo reports a payload reduction of about 67–76% versus a naïve REST call and the generator watch-mode codegen actually works in the demo.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 1:05So what do we need?
3. 1:39There's a new sheriff in town
4. 13:19Let's recall what we want to achieve!

" related talks

• 06mAutomagic TypeScript Codegen for GraphQLSalvatore Aiello · React Conf 2019
• 31mTeaching GraphQL to write code for you, your users & customersSean Grove · GraphQL Conf. 2022
• 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
• 09mThe new GraphQL CodegenUri Goldshtein · ReactiveConf 2017
• 30mPowerful REST in a GraphQL worldTejas Kumar · ReactConf AU 2020
• 38mWeb Applications of the Future With TypeScript and GraphQLRoy Derks · React Alicante 2022
• 36mEfficient and Performant GraphQL Serverless APIsZach Lendon · DeveloperWeek 2020