Handling Large-Scale State Management with Context and Hooks
summary
Describes replacing prop drilling with React Context, Hooks and a reducer-style producer/patch reducer pattern to manage nested menus, product pages and async fetches. Demonstrates a live component library used for the City of Amsterdam, custom hooks for page and user logic, nested providers, action payload shapes, and when to wrap values with useMemo to avoid re-renders; shows how async actions set loading then success so components update predictably, with concrete code snippets and scaling tradeoffs.
AI-written summary · about
chapters (8)
- 0:00State management intro
- 5:04Context and hooks solutions
- 10:17Building context providers
- 15:35Optimizing with useMemo
- 20:25Advanced context patterns
- 25:20Global context for apps
- 30:53Context vs other solutions
- 32:44Q&A
related talks
56mEliminate extra dependencies : State management for React apps with hooks
27mEric Bishard - State Management with React Hooks
40mManaging Complex State in React
45mWhy I am hooked on the future of React
22mPowering Code Reuse with Context and Render Props
29mState Management with React Hooks
35mAdvanced patterns in building React Components
35mA Guided Tour of React Hooks