TypeScript for React developers

on YouTube ↗57m

" summary

Shows a concrete migration path: add create-react-app + TypeScript, flip a .js to .tsx, enable strict: true, and let inference catch most types while reserving any as an escape hatch. Demonstrates JSX typing, function vs class component generics, discriminated-union state machines, and using createSlice from Redux Starter Kit to generate typed actions so dispatching mySlice.actions.incrementBy(3) is statically checked and editor intellisense works.

AI-written summary · about

" chapters (13)

1. 0:00Start
2. 3:48Benefits of Using Typescript Type-Checking and Intelligence
3. 4:08Key Reasons To Use Typescript
4. 4:40Typescript Builds on Top of Javascript
5. 5:17Compiler
6. 10:33Install Typescript
7. 16:08Strict Mode
8. 22:03Void Type
9. 27:29Interfaces or Complex Types
10. 30:34Generic Generics
11. 35:24Using Class Components
12. 43:32Generic Functions
13. 54:45Arguments

" related talks

• 57mBuilding Scalable, Maintainable Apps Using TypeScript and ReactKamran Ayub · NDC Minnesota 2018
• 49mTypescript + ReactBen Ilegbodu · Connect.Tech 2022
• 23mTypeScript + React = ❤️Ben Ilegbodu · React Summit 2020
• 01h 25mWorkshop: TypeScript Plus React = LoveBen Ilegbodu · TSConf 2020
• 42mTypeScript Patterns for Better React ComponentsGlenn Reyes · Øredev 2023
• 31mTypeScript for JavaScriptiesJosh Goldberg · DevReach 2023
• 24mTypeScript - You'll Like ItJason Swartz · Scale By the Bay 2020
• 30mLevel Up Your React With TypeScriptDoron Zavelevsky · ReactNext 2017