Managing Complex State in React
summary
Claims concrete wins: switching to React plus a design system yields ~50% faster feature delivery; use built‑in tools — useReducer, useContext, useMemo and custom hooks — to model loading/success/error as a reducer-driven data fetch, expose a useCollection hook that returns data/status/error, and dispatch actions to update lock‑step state. Store UX state in the URL for back/bookmark behavior, use localStorage for caching, split complex logic into testable functions and reducers to achieve 100% test coverage on state cases.
AI-written summary · about
chapters (8)
- 0:00Introduction to complex state
- 4:24State management basics
- 9:35Working with useReducer
- 16:13State buckets and context
- 21:37Additional state patterns
- 23:22Composition principles
- 29:04Project architecture tips
- 32:25Live demo and conclusion
related talks
28mThe State of React State in 2019
30mManaging State Management
17mManaging React State: 10 Years of Lessons Learned
55mThe State of React’s State in 2019
18mDestructuring state management (in React)
35mHandling Large-Scale State Management with Context and Hooks
29mAvoiding the Biggest Mistakes in React State Management
56mEliminate extra dependencies : State management for React apps with hooks