Typescript + React
summary
Shows concrete TypeScript techniques that prevent real bugs: type-safe props that are required by default or optional with ?, function prop signatures (parameters and void returns), union literal types for variants, and tuple-return hooks fixed with as const. Demonstrates tooling: VS Code intellisense and a Babel + TypeScript plugin for gradual migration. Covers useState inference and generics for nullable state, useEffect cannot return a Promise, and advanced patterns like discriminated unions and merging DOM props with the Omit utility to build a safe button component.
AI-written summary · about
chapters (6)
- 0:00Welcome and introduction
- 6:44Props and TypeScript basics
- 21:49TypeScript with React hooks
- 30:04Advanced TypeScript patterns
- 39:03TypeScript limitations and adoption
- 43:39Q&A session
related talks
23mTypeScript + React = ❤️
15mTypeScript Patterns for Better React Components
18mTypeScript Patterns For Better React Components
42mTypeScript Patterns for Better React Components
01h 25mWorkshop: TypeScript Plus React = Love
57mTypeScript for React developers
31mTypeScript for JavaScripties
30mSwipe Left, Uncaught TypeError Learning to Love Type Systems