Skip to content

CoderSerio/vue-source-book

Repository files navigation

Logo

Source Book: Mini Vue

An Interactive Journey into Vue.js Internals.

Website

License Stars Forks


✨ Features

  • 🎨 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.

🧠 Core Concepts

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

💻 Development

Clone and run locally:

git clone https://github.com/CoderSerio/vue-source-book.git
cd vue-source-book
pnpm install
pnpm dev

💛 Contributors

Thanks to all the contributors!

📄 License

MIT © Carbon

About

Tutorial for learning the core source code of Vue.js with interactive UI

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published