Are You Smarter Than a React Component?
summary
Live demos build five small components: a metadata updater that hoists title/meta to head instead of useEffect, a dialog wrapper that adds an unrecognized DOM event using a ref callback can return cleanup, a todo list using useOptimistic reducer to toggle checkboxes instantly, a data-fetching component that moves the fetch to a server component so the component can return a promise, and a form using the new action-state pattern. Most demos replace multiple useEffects and work in React 19 as shown.
AI-written summary · about
chapters (10)
- 0:00Introduction to the game
- 2:27Dave Kiss: Page metadata
- 8:03React 19 metadata solution
- 9:28Mike Hardington: Events
- 14:23React 19 event solution
- 16:03Adam Rackis: Updates
- 20:55React 19 optimistic updates
- 23:55David K Piano: Data fetching
- 27:20React 19 server components
- 29:30Form state and conclusion
related talks
59mDeveloping React Applications with Functional Components
45mReact refactoring, off the hook(s)!
53mReact - Say "No" to Complexity
44mModern React Applications
25mSimply React
32mAnd Now You Understand React Server Components
28mThe State of React State in 2019
35mAdvanced patterns in building React Components