How Microsoft To-Do Uses React
summary
Microsoft To-Do’s web app is built with React, Redux, Reselect and partial TypeScript, and the talk explains wiring many independently connected components to the Redux store to keep view-layer changes fast. It shows concrete performance work: adding list virtualization cut first-render time for a 500-item list from ~2s to ~200ms, plus measured 3× and incremental gains from upgrading React versions; implementation notes cover state normalization and selector bloat as trade-offs.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 4:29Why React and Redux
- 6:12Design principles
- 10:33Independent components
- 17:44React-Redux problems
- 24:46Components solving issues
- 33:20Results and metrics
- 41:10Project structure
- 47:32Q&A
- 56:03Challenges and future
related talks
10mHow We React at Microsoft To-Do
25mArchitecture evolution of Microsoft To-Do web app
57mBuilding Scalable, Maintainable Apps Using TypeScript and React
53mReact - Say "No" to Complexity
49mDeveloping a clean architecture-inspired React application with MVVM
27mI Heard React Was Good
01h 04mWhat makes React different?
17mDeveloping a clean architecture-inspired React application with MVVM