Building Scalable, Maintainable Apps Using TypeScript and React
summary
A migration of a jQuery/Knockout hybrid app into React plus TypeScript shows concrete patterns: folder layout with TSConfig path aliases, a real app called Keep Track of My Games that renders thousands of items and improves perf, strongly typed Redux via bottom-up state composition, literal action constants and discriminated unions for reducers, typed action creators and redux‑thunk async dispatch, VS Code tooling demos, and a GitHub repo with the runnable sample and utilities.
AI-written summary · about
chapters (25)
- 0:00Start
- 1:38Why Am I Here
- 4:12Typescript
- 6:45Code Sample of Using Typescript with React
- 7:53Generic Generic Syntax
- 11:33Redux Store
- 12:16Actions
- 12:47Reducers
- 13:35Folder Layout
- 14:21Organize a React Application by Screens
- 18:52Redux State
- 19:26Bottom-Up State
- 28:10Type Union
- 28:55Discriminated Union
- 30:31Action Map
- 33:46Review
- 37:03Action Creator
- 38:41Dispatch an Action
- 42:49Props and State
- 43:51Render Props Pattern
- 44:24Render Prop Pattern
- 45:27Type Alias
- 45:53Connecting Your Components to Redux
- 48:13Type Intersection
- 49:59Redux Props
related talks
35m팀장님 우린 내일부터 React+ TypeScript로 갑니다
57mTypeScript for React developers
28mLessons in Managing Technical Debt
31mReact Refactoring Patterns
32mThe How, What and Why of Migrating to ReactJS
49mDeveloping a clean architecture-inspired React application with MVVM
01h 25mWorkshop: TypeScript Plus React = Love
30mUse Angular for better React apps