Mini React
从零实现一个 mini React,深入理解 React 的核心原理。
学习路线
| 阶段 | 内容 | 状态 |
|---|---|---|
| 1 | JSX 与 createElement | 🚧 进行中 |
| 2 | 虚拟 DOM 与渲染 | ⏳ 待开始 |
| 3 | Fiber 架构 | ⏳ 待开始 |
| 4 | Reconciliation (Diff) | ⏳ 待开始 |
| 5 | Hooks (useState / useEffect) | ⏳ 待开始 |
| 6 | 事件系统 | ⏳ 待开始 |
项目结构
packages/mini-react/
├── src/
│ ├── index.ts # 入口文件
│ ├── createElement.ts # JSX 转换 & 虚拟 DOM 创建
│ ├── render.ts # 渲染器
│ └── hooks.ts # Hooks 实现
└── __tests__/ # 单元测试快速开始
bash
# 安装依赖
pnpm install
# 运行测试
pnpm test
# 启动文档站
pnpm docs:dev