- 🎨 Visual Storytelling - Complex logic explained through hand-drawn sketches.
- ⚡️ Interactive Playground - Write code and see instant feedback in the browser.
- 🧩 Evolutionary Path - Learn the evolution from Vue 2 Reactivity to Virtual DOM, Proxy, and Vapor Mode.
- ⚛️ Zero Config - Start learning immediately, no environment setup required.
| Module | Description | Key Concepts |
|---|---|---|
| Reactivity (Vue 2) | The classic "Spy" system | Object.defineProperty, Dep, Getter/Setter |
| Virtual DOM | The blueprint of UI | VNode, h(), Object Tree |
| Renderer | Turning blueprints into reality | Mount, Patch, Diff Algorithm |
| Reactivity (Vue 3) | The modern "Proxy" revolution | Proxy, Reflect, Trap |
| Vapor Mode | The future: No VDOM | Surgical Updates, Compile-time Optimization |
Clone and run locally:
git clone https://github.com/CoderSerio/vue-source-book.git
cd vue-source-book
pnpm install
pnpm devThanks to all the contributors!
MIT © Carbon