(1) 根据fiber的tag即类型，进行不同的操作。主要看FunctionComponent和ClassComponent这两种情况。 (2) 如果是FunctionComponent的话，则执行commitHookEffectList()，该方法稍后解析。 (3) 如果是C…

React Fiber架构有一定的复杂度，如果硬着头皮去啃源码，我们会深陷于庞大的代码量和实现细节之中，往往学不到什么东西。 React并发模式是ReactFiber架构的重要应用，本文不贴任何React源码，纯粹使用文字帮助大家从并发模式的角度去理解React Fiber架构…

答：当项目复杂时 Fiber 树拥有很多很多的节点，如果通过遍历每个节点的方式去运行当前节点副作用的话时间复杂度会上升，所以在构建树的时候通过判断每个节点的 effectTag 将副作用关联起来生成一个链表可以有效的降低时间复杂度提升程序效率。 答：副作用处理 componen…

熟悉它的属性及作用，并且【留个印象】就好，大部分属性在其他文章中都有用到。

本文将会通过一个简单的例子，结合React源码（v 16.4.2）来说明 React 是如何工作的，并且帮助读者理解 ReactElement、Fiber 之间的关系，以及 Fiber 在各个流程的作用。看完这篇文章有助于帮助你更加容易地读懂 React 源码。初期计划有以下几…

接上篇 React源码解析之completeWork和HostText的更新 ，本文讲解下HostComponent多次渲染阶段的更新（下篇讲第一次渲染阶段的更新）。 「第一次渲染阶段」放在下篇文章讲。 主要是执行了diffProperties()方法，可能你会有疑惑：为什么不…

1. Decorator基本知识 在很多框架和库中看到它的身影，尤其是React和Redux，还有mobx中，那什么是装饰器呢。 修饰器（Decorator）是一个函数，用来修改类的行为。不是很理解这种抽象概念，还是看代码讲解实际些。 我们可以在外层套一个函数，只要最后返回的是…