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

• Node.js v24+
• pnpm v10+

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.

---

Sponsors

Become a Sponsor