Skip to content

Mini React

从零实现一个 mini React,深入理解 React 的核心原理。

学习路线

阶段内容状态
1JSX 与 createElement🚧 进行中
2虚拟 DOM 与渲染⏳ 待开始
3Fiber 架构⏳ 待开始
4Reconciliation (Diff)⏳ 待开始
5Hooks (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

用心学习,用代码说话 💻