Eric Bishard - State Management with React Hooks
summary
Argues that React Hooks replace class verbosity and simplify state by showing concrete code: useState/useEffect for a counter and title updates, useReducer with dispatch/actions for a to‑do list that supports add/toggle/delete/clear plus a React Router redirect and an input ref. Uses Context + a third‑party useMediaPredicate hook for responsive nav. Demo compiles and works; example code shrinks from 61 vs 81 lines (1,484 vs 1,823 chars) and shows fewer cognitive overheads than classes.
AI-written summary · about
chapters (9)
- 0:00Start
- 1:23React State History
- 3:13Four Rules for Hooks
- 4:03React Hooks Provide
- 4:35The Elevator Pitch
- 5:03Simple Code Examples
- 9:21What is a Reducer in Plain JS?
- 11:49useReducer()
- 14:07Let's Build a Todo App with Hooks
related talks
29mState Management with React Hooks
45mWhy I am hooked on the future of React
56mEliminate extra dependencies : State management for React apps with hooks
17mReact hooks: the good, the bad and the ugly
35mA Guided Tour of React Hooks
56mWith great power comes great React hooks!
24mReact on the Hooks
27mHooked on React Hooks