通过本章的学习,我们了解了React的Scheduler-Reconciler-Renderer架构体系,在结束本章前,我想介绍几个源码内的术语:
Reconciler
工作的阶段被称为render
阶段。因为在该阶段会调用组件的render
方法。Renderer
工作的阶段被称为commit
阶段。就像你完成一个需求的编码后执行git commit
提交代码。commit
阶段会把render
阶段提交的信息渲染在页面上。render
与commit
阶段统称为work
,即React
在工作中。相对应的,如果任务正在Scheduler
内调度,就不属于work
。
在架构篇
我们会分别讲解Reconciler
和Renderer
的工作流程,所以章节名分别为render阶段
和commit阶段
。
下一节:经过之前的学习,我们已经知道React16的架构分为三层:
Scheduler(调度器)—— 调度任务的优先级,高优任务优先进入Reconciler
Reconciler(协调器)—— 负责找出变化的组件
Renderer(渲染器)—— 负责将变化的组件渲染到页面上
那么架构是如何体现在源码的文件结构上呢,让我们一起看看吧。