Workshop: TypeScript Plus React = Love
summary
Concrete claims and patterns: TypeScript eliminates many refactor bugs in React by forcing prop and state shapes, catching missing or mistyped props, and surfacing errors at compile time. Tools and fixes shown include Visual Studio Code intellisense, useReducer discriminated unions, generics for parameterized lists, as const for hook tuples, create-react-app’s TypeScript template, Babel preset-typescript + tsc for tsc --noEmit CI checks, and @types (DefinitelyTyped). Migration is iterative; strict config and utility types prevent subtle runtime failures.
AI-written summary · about
chapters (6)
- 0:00Start
- 24:09VII VS Code integration
- 34:471 useState
- 43:09III useReducer
- 45:56IV Custom hooks
- 58:54II Extending HTML components
related talks
49mTypescript + React
23mTypeScript + React = ❤️
57mTypeScript for React developers
42mTypeScript Patterns for Better React Components
30mLevel Up Your React With TypeScript
57mBuilding Scalable, Maintainable Apps Using TypeScript and React
15mTypeScript Patterns for Better React Components
23mTypeScript Ruined My Life (In a Good Way)