Let's Build React Context From Scratch in JS
summary
Builds a tiny React-like Context from scratch in plain JavaScript and proves it works by wiring it into a minimal unit test framework (a Jest-like pest) so describe blocks and tests share messages without props or globals. Uses closures and the call stack to implement createContext with provider/consumer semantics, fixes nesting by restoring previous values, and publishes the result as a package named context. Notes Node has native equivalents via async local storage and a related JS proposal.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 3:22Unit testing framework
- 8:24React Context concept
- 10:54JavaScript closures
- 12:38JavaScript call stack
- 13:20Live coding setup
- 15:11Basic unit testing library
- 16:39Designing Context API
- 19:16Context provider and consumer
- 21:05Testing nested contexts
- 23:17Fixing context restoration bug
- 24:02Finalizing Context implementation
- 24:24Personal projects and npm package
- 25:07Async context proposals
- 26:13Closing thoughts
