Managing React State: 10 Years of Lessons Learned
summary
Clear, actionable claims and code demos: unify related state with an address object instead of separate useState calls, when to replace multiple setters with useReducer is underutilized (poll: ~50% never used it), and when to React Query replaces fetch-in-useEffect — a short demo builds a custom useFetch hook as a teaching tool but shows React Query/SWR/RTK Query are preferred. Slides list eight state locations, about 19 practical tips, and examples of URL, ref, context, local storage use.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 1:56Unifying state
- 4:00Avoid multiple useState
- 6:29Stop sinking state
- 9:18Fetching without useEffect
- 13:29Eight state methods
- 15:35Resources and closing remarks
related talks
01h 00mEffective React: Lessons from 10 Years
28mThe State of React State in 2019
40mManaging Complex State in React
55mThe State of React’s State in 2019
27mEric Bishard - State Management with React Hooks
29mState Management with React Hooks
24mGoodbye, useState
36mModern React and the case for Reactive State Management