chibivue
Writing Vue.js: Step by Step, from just one line of "Hello, World".
Online Book · Discord · Sponsor
chibivue is a minimal implementation of Vue.js for educational purposes.
- Reactivity System
- Virtual DOM & Patch Rendering
- Component System
- Template Compiler
- SFC Compiler
- Vapor Mode (experimental)
"chibi" means "small" in Japanese.
Online Book
| Language | URL |
|---|---|
| English | https://book.chibivue.land |
| 日本語 | https://book.chibivue.land/ja |
| 简体中文 | https://book.chibivue.land/zh-cn |
| 繁體中文 | https://book.chibivue.land/zh-tw |
Quick Start
Requirements
Read the Book Locally
git clone https://github.com/chibivue-land/chibivue
cd chibivue
pnpm install
pnpm dev
Try the Implementation
pnpm setup # Generate playground
pnpm impl:dev # Start dev server
Bonus Track
Hyper Ultimate Super Extreme Minimal Vue
Implements createApp, Virtual DOM, Reactivity, Template Compiler, and SFC Compiler in just 110 lines.
Read the Chapter · View Source
Contributing
See contributing.md.
Community
Join our Discord Server for discussions, questions, and announcements.