Wiring TypeScript into React

on YouTube ↗15m

" summary

Demo wires TypeScript into an existing React app by converting a timer/clock component and showing everything compiles and runs side by side. Steps are concrete: install typescript and awesome-typescript-loader, add @types/react and @types/react-dom, add tsconfig.json with JSX react target, add webpack rule for .ts/.tsx, rename clock.js to clock.tsx, introduce interfaces and static defaultProps, then npm start shows successful compilation. Also notes that create-react-app v2 already includes TypeScript for new projects.

AI-written summary · about

" chapters (5)

1. 0:00Intro
2. 1:02Why TypeScript
3. 2:20TypeScript Features
4. 5:14Installing TypeScript
5. 13:18Summary

" related talks

• 57mTypeScript for React developersLenz Weber · International JavaScript Conference Munich 2019
• 30mHow to Inject TypeScript Into Existing ProjectsCan (Jon) Nahum · YGLF 2019: Code Camp
• 57mBuilding Scalable, Maintainable Apps Using TypeScript and ReactKamran Ayub · NDC Minnesota 2018
• 32mStatic typing with Flow and TypeScriptJames Brantly · React.js Conf 2015
• 30mLevel Up Your React With TypeScriptDoron Zavelevsky · ReactNext 2017
• 28mSetting Up ESLint and TypeScript for ReactJosh Goldberg · React Miami 2023
• 01h 25mWorkshop: TypeScript Plus React = LoveBen Ilegbodu · TSConf 2020
• 35m팀장님 우린 내일부터 React+ TypeScript로 갑니다Park Yejun · FEConf 2019