What the v…DOM?
summary
Explains how JSX becomes function calls via Babel AST transforms, shows a hand‑rolled vDOM: an h() factory, renderNode, component class handling setState and a diff step, all implemented in about 130 lines of code and working end‑to‑end. Compares libraries (preact as a tiny 8 KB option), demonstrates alternatives like lit-html where static vs dynamic parts avoid diffing, and shows which parts actually cost DOM work and how to reduce it.
AI-written summary · about
chapters (10)
- 0:00Introduction and speaker intro
- 1:19React’s virtual DOM origins
- 5:12Code transforms and ASTs
- 10:54JSX and virtual DOM
- 15:43Building a virtual DOM
- 20:43Components and state
- 24:38Diffing and rendering
- 28:15Benefits and trade-offs
- 29:44Future approaches like lit HTML
- 32:10Closing and Q&A
