React - state hook 在上一篇文章 React Fiber - updateQueue 中分析了 class 组件中 updateQueu 实现原理。如果某个函数式组件需要拥有自己的状

setState和forceUpdate两者的更新流程相似，唯一的不同是执行forceUpdate时 update对象的tag属性值更改成了ForceUpdate。

大家好，我卡颂。 本文我们来看React内部Effects List机制重构的前因后果。 阅读完本文，你可以掌握React18对比之前版本，Suspense特性的差异及原因。 欢迎加入人类高质量前端框

基本数据结构 React中有三种节点类型 ReactElement：createElement的返回值 ReactComponent：函数组件或类组件 FiberNode：Fiber架构的工作单元，一

读完收获 学会 Dom 事件流 理解 事件委托 掌握 React 合成事件原理 Dom 事件流 事件流包含三个阶段: 事件捕获阶段 目标阶段 事件冒泡阶段 首先发生的是事件捕获，然后是实际的目标接收到

EffectList 一个由 Fiber 构成的单向链表。每个Fiber节点都保存着自己子节点的 EffectList，用于在commit阶段执行对应Fiber的effectTag标记的DOM操作

深入了解react底层源码，详解React Diff算法，diff算法有什么难的，再也不用担心面试被问到啦！！！

虚拟 DOM 虚拟 DOM 节点是一个 JS 对象，用这个 JS 对象可以表示 DOM 节点、组件节点等。有了虚拟 DOM，能提高整体研发体验和效率，同时也能解决跨平台问题。

在上一篇文章这里我们讲到，在render阶段的beginWork函数中，会将上次更新产生的 Fiber 节点与本次更新的 JSX 对象（对应ClassComponent的this.render方法返回值，或者FunctionComponent执行的返回值）进行比较。根据比较的结…