Let's Build A Virtual DOM
summary
Demo builds a tiny Vue 3 style VDOM from scratch and proves each piece works: a plain H function that returns vnode objects, DOM mounting plus mount/unmount/patch implementations, and simple handling that sets attributes and event listeners and recurses into children. Live coding shows text, nested nodes, arrays, unmounting, and a naive index-based patcher that actually updates the page; repo includes a reactivity.html that wires reactivity into the demo.
AI-written summary · about
chapters (6)
- 0:00Start
- 3:04What is a Virtual DOM?
- 4:22Template Syntax
- 4:37Rendering Pipeline
- 6:09Render Functions - Creating virtual nodes
- 7:25Building our own Virtual DOM
