How We React at Microsoft To-Do
summary
A production React+Redux app with 2,000 front end tests that run in 15 seconds, built for Microsoft To-Do, uses ICC — independently connected components — by connecting every tiny UI piece directly to the Redux store so each component pulls its own data by ID. Measured tradeoffs: hoisting state gives under 10% raw perf gain, a 500-item rendered superset costs ~15 ms, task code had ~50 selectors and ~25 handlers before splitting. Working example and exercises live in a GitHub repo.
AI-written summary · about
chapters (13)
- 0:00Intro
- 0:47ToDo Apps
- 1:15Design Principles
- 1:47ICC
- 3:05Performance
- 5:44Other Teams
- 6:47Composable
- 7:00Composable Store
- 7:16State Machines
- 7:33Microservices
- 8:28Meetup
- 8:45GitHub repo
- 9:07Exercises
related talks
01h 02mHow Microsoft To-Do Uses React
33mTDCD: Test Driven Component Development
32mUI Development Made Simple
40mHow I learned to love React
30mTesting React Applications
57mBuilding Scalable, Maintainable Apps Using TypeScript and React
53mReact - Say "No" to Complexity
49mDeveloping a clean architecture-inspired React application with MVVM