React源码解析

没有破坏性改动 在我们继续之前，请记住 Hook 是： 完全可选的。 你无需重写任何已有代码就可以在一些组件中尝试 Hook。但是如果你不想，你不必现在就去学习或使用 Hook。 100% 向后兼容的

渲染及更新 经过前面这么多章的铺垫，今天我们终于可以看看React的起点ReactDOM.render，在React18之前这是唯一入口函数，在React18中新增了createRoot().rend

state更新概览 在React中有那些行为可以触发状态更新： ReactDOM.render：在legacy模式下的HostRoot new ReactDOMRoot('').render：conc

概览 从本章开始我们将进入react的diff算法阶段，在正式进入此阶段之前，先了解下react diff算法的设计动机。 设计动机 在某一时间节点调用 React 的 render() 方法，会创建

概念篇 在React中有大量的概念，我们平常打交道最多的是JSX，虚拟DOM，Fiber，React Compenent，React Element等，但是我们可能从来没有深入了解过他们之间的关系？

首页 在开始本文档之前已阅读了近两个月的源码，整个过程比想象的要难，React源码的复杂度和Vue相比不在一个量级上，其主要难点有两方面： 涉及很多的概念，包括Fiber，双缓存，lane模型，小顶堆

概览 本章我们将要揭开render的神秘面纱，揭示React render阶段是怎样构建Fiber树。 首先，我们来看下render的调用栈： render阶段始于performSyncWorkOnR

捕获阶段 本章将要详细介绍render阶段的捕获阶段。那么我们先从捕获阶段的入口函数beginWork开始。 beginWork beginWork函数在ReactFiberBeginWork.old

commit 阶段 上一节我们讲完了render阶段，本章节我们将要进入commit阶段的学习。 在进入章节之前要牢记几件事： 用于副作用的effectList单项链表已形成，rootFiber.fi

冒泡阶段 冒泡阶段的起始函数是completeUnitOfWork。 在上一章我们知道了beignWork完成成Fiber节点的创建，diff算法，调用render阶段的部分生命周期函数。 我们这一章