Getting Closure on Hooks
summary
Builds a working React Hooks clone in 29 lines of readable JavaScript, using plain closures, a module-wrapped hook store, and an index-based hook array to support multiple hooks and useState and useEffect semantics. Implements a tiny JSX createElement, a simple work loop to re-render to the DOM, and a custom data-fetching hook for images, all running in CodeSandbox. The claim is practical and demonstrated: it actually works end-to-end.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 0:55Rene Magritte
- 2:28What are closures
- 3:47Stateful functions
- 6:20State hook
- 8:39React module
- 9:05Component
- 15:35Hook rules
- 16:22Effects hook
- 16:47Implementation
- 19:02Use Effect
- 19:57Live Coding
- 21:35Testing
- 22:23Work Loop
