TypeScript + GitHub Codespaces

on YouTube ↗16m

" summary

Demonstrates that TypeScript + GitHub Codespaces runs full VS Code in the browser, executes npm and dev servers remotely, and live-forwards ports so a React app on port 3000 and an Azure Functions GraphQL API (proxied from port 7071) are reachable. Shows using GraphQL Code Generator to emit TypeScript resolver types, mapping Cosmos DB models to schema types, wires Apollo + create‑react‑app to Open Trivia DB data, and the demo compiles and responds correctly.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 0:49Github Code Spaces
3. 4:18Apollo Integration
4. 7:28Typescript Type Definitions
5. 7:49Strongly Typed Resolvers
6. 11:49Development Server

" related talks

• 57mType safe GraphQL with TypeScriptAaron Powell · NDC Melbourne 2022
• 27mWeb applications of the future with TypeScript and GraphQLRoy Derks · Conf42 JavaScript 2022
• 52mTypeScript and GraphQRoy Derks · JSWorld Conference 2021
• 25mWeb applications of the future with TypeScript and GraphQLRoy Derks · ConFrontJS 2019
• 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
• 24mTypeScript - You'll Like ItJason Swartz · Scale By the Bay 2020
• 29mDo More using GitHub, AI, and VS CodeJohn Papa · ng-conf 2023