State Management with React Hooks
summary
Claims that Hooks make state simpler than classes and demos that claim to prove it: a working todo app built with Kendo React components, local useState for inputs, useReducer with Context for shared state, and a custom useMediaPredicate hook for responsive behavior. The demo implements add/toggle/delete/clear, updates document title, and adds accessible screen-reader announcements with eight or nine lines of code; code and slides are linked in the uploader notes.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 6:56Hooks
- 9:05Code Examples
- 13:24reducers
- 18:41mainjs
- 19:32todo page
- 20:14create initial state
- 20:49add filter
- 21:13set text input
- 22:05dispatch
- 22:35append
- 26:34screen reader announcement
- 27:31closing remarks
related talks
27mEric Bishard - State Management with React Hooks
56mWith great power comes great React hooks!
45mWhy I am hooked on the future of React
56mEliminate extra dependencies : State management for React apps with hooks
09mEfficient State Management With Hookstate
17mManaging React State: 10 Years of Lessons Learned
36mModern React and the case for Reactive State Management
35mA Guided Tour of React Hooks