Redux: Architecting and scaling a new web app at The NY Times
summary
NYT Watching uses Redux to manage complex relationships and hits more than a million users per month within a year. The codebase keeps views pure via containers that separate data from JSX, computes merged objects with selectors that memoize derived data to reduce recomputation, and implements side effects—URL sync, query params, onboarding and analytics—via middleware rather than views. Server-side rendering, a single source of truth, and reducers-as-pure-functions enable fast pivots and stable deployments, and the system proves the approach at scale.
AI-written summary · about
chapters (27)
- 0:00Intro
- 3:31Search
- 5:10Dealing with Data
- 6:14Agenda
- 9:15Pure Functions
- 12:07Redux: Three Principles
- 14:26Initial State
- 17:52Actions: Definitions
- 18:33Actions / Action Creators
- 19:28Reducers Example
- 20:02Reducers: Login
- 21:02Fetching Streaming Info
- 23:07Action Creator (Async)
- 24:15Cards and Carousels
- 25:29Growing Pains
- 26:58Using Multiple Containers
- 28:51Derived Data
- 29:44Merging Data
- 30:56Selectors: Save Status
- 31:38Selectors: Streaming Info
- 32:49Business Logic
- 34:55Window size
- 35:51Impure Top Component
- 37:08Guided Discovery
- 38:07Middleware Skeleton
- 38:38Onboarding
- 39:04Analytics
