Nezha

最近刚好在上映《哪吒之魔童降世》,随便取了个名字

实现一个迷你的类React库，用作记录学习React源码时的一些理解

相关知识整理

• 实现一个简易的React
• VNode与递归diff
• Fiber与循环diff
• VNode与Component
• 理解数据状态管理

最后使用该项目通过SSR重构了自己的博客Shymean，在线访问地址

Step

# 开发模式
lerna link
npm run dev

# ssr demo演示
npm run dev:ssr
npm run build:ssr

# 打包
npm run build

Feature

• 虚拟DOM
  • Fiber Reconciler简单实现
  • diff、key
  • SSR
• 组件
  • 类组件
  • 函数组件
  • 类组件生命周期
  • 路由组件
  • hooks
  • refs
  • Context
• 状态管理
  • Nax
  • 中间件

TODO

• router处理hash变化（如id跳转锚点）导致的路由更新
• 多次setState进行合并，避免同一个组件触发多次更新，大体思路为使用alternate临时保存更新后的newState，并在commit时将其更新到state上
• hydrateDOM逻辑合并到diffRoot中，尽可能复用现有DOM节点
• 添加使用文档