leia (@wuyingnanleia)React源码阅读 -fiber核心构建原理 中发帖

React源码阅读-fiber核心构建原理
文章主要介绍了 React 源码中 fiber 核心的构建原理,包括执行上下文、入口函数、构建阶段(如 performSyncWorkOnRoot 中的树构建和提交)。
提交阶段(准备、提交的三个子阶段、渲染完成后的操作)以及调度注册等,还展示了手写 fiber-dom 的部分代码。
react-reconciler核心逻辑理解并手写
想了很久该怎么写,才能写出来让大家看懂,就我们先抛开复杂的车道优先级和调度优先级以及调度等级以及react大量的时间操作等到后面分析18源码的时候一起讲。就从最简单的开始手写fiber-dom。
1.react构建fiber核心代码
对应源码位于ReactFiberWorkLoop.js,
我们先大致了解一下整体的走向图。 [image.png]
1.1 入口
在全局变量中有executionConte...