lineCode / big-react-wasm

Implement React v18 from Scratch Using WASM and Rust

How to start?

• install wasm-pack
• npm run build
• cd examples/hello-world
• pnpm install
• npm run dev

Articles

从零实现 React v18，但 WASM 版 - [1] 项目框架搭建

从零实现 React v18，但 WASM 版 - [2] 实现 ReactElement

从零实现 React v18，但 WASM 版 - [3] Renderer 和 Reconciler 架构设计

从零实现 React v18，但 WASM 版 - [4] 实现 Render 流程的 beginWork 阶段

从零实现 React v18，但 WASM 版 - [5] 实现 Render 流程的 completeWork 阶段

从零实现 React v18，但 WASM 版 - [6] 实现 Commit 流程

从零实现 React v18，但 WASM 版 - [7] 支持 FunctionComponent 类型

从零实现 React v18，但 WASM 版 - [8] 支持 Hooks

从零实现 React v18，但 WASM 版 - [9] 使用 Jest 进行单元测试

从零实现 React v18，但 WASM 版 - [10] 实现单节点更新流程

从零实现 React v18，但 WASM 版 - [11] 实现事件系统

从零实现 React v18，但 WASM 版 - [12] 实现多节点更新流程

从零实现 React v18，但 WASM 版 - [13] 引入 Lane 模型，实现 Batch Update

从零实现 React v18，但 WASM 版 - [14] 实现 Scheduler

从零实现 React v18，但 WASM 版 - [15] 实现 useEffect

从零实现 React v18，但 WASM 版 - [16] 实现 React Noop