How to start?

• install wasm-pack
• npm run build:dev
• 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

从零实现 React v18，但 WASM 版 - [17] 实现 Concurrent 模式

从零实现 React v18，但 WASM 版 - [18] 实现 useRef, useCallback, useMemo

从零实现 React v18，但 WASM 版 - [19] 性能优化之 bailout 和 eagerState

从零实现 React v18，但 WASM 版 - [20] 实现 Context

从零实现 React v18，但 WASM 版 - [21] 性能优化支持 Context

从零实现 React v18，但 WASM 版 - [22] 实现 memo

从零实现 React v18，但 WASM 版 - [23] 实现 Fragment

从零实现 React v18，但 WASM 版 - [24] 实现 Suspense（一）：渲染 Fallback

从零实现 React v18，但 WASM 版 - [25] 实现 Suspense（二）：结合 use hooks 获取数据

从零实现 React v18，但 WASM 版 - [26] 实现 React.lazy

从零实现 React v18，但 WASM 版 - [27] 实现 useTransition