Build Your Own Virtual DOM
summary
Builds a small virtual DOM library through live coding, showing step-by-step implementation details. Covers core concepts behind how libraries like React, Preact, and Vue work by implementing and explaining them during the session.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 1:25DOM and Virtual DOM
- 4:36Virtual DOM concept
- 6:21JSX and Babel
- 9:48JSX pragma
- 12:00Virtual DOM data structure
- 17:05Rendering to real DOM
- 21:48Handling attributes and children
- 25:05Reusable components
- 35:12Reconciliation algorithm
- 41:02Adding and removing nodes
- 44:38Traversing node tree
- 51:14Virtual DOM demo
- 53:01Summary
- 54:28Q&A
