React 的核心可以用 UI = fn(state) 来表示:
const state = reconcile(state)
const UI = commit(state)
fn 可以分为如下一个部分:
- Scheduler(调度器):排序优先级,让优先级高的任务先进行 reconcile
- Reconciler(协调器):找出哪些节点发生了改变,并打上不同的 Flags / Tag
- Renderer(渲染器):将 Reconciler 中打好标签的节点渲染到视图上
横向对比 Vue
- 理解不同框架背后思想
- 思考如何写出易维护、高性能的组件
- 避免踩坑
- 学习优秀的代码技巧