Skip to content

zhaoyiming0803/into-react18

Repository files navigation

Into React18

React 的核心可以用 UI = fn(state) 来表示:

const state = reconcile(state)
const UI = commit(state)

fn 可以分为如下一个部分:

  • Scheduler(调度器):排序优先级,让优先级高的任务先进行 reconcile
  • Reconciler(协调器):找出哪些节点发生了改变,并打上不同的 Flags / Tag
  • Renderer(渲染器):将 Reconciler 中打好标签的节点渲染到视图上

横向对比 Vue

  • 理解不同框架背后思想
  • 思考如何写出易维护、高性能的组件
  • 避免踩坑
  • 学习优秀的代码技巧