React源码阅读

useState useState是React的众多hooks之一，在react包中的ReactHooks文件中定义: 可以看到函数主要是调用了resolveDispatcher()返回的useSta

优先级 前文中说到调度器是根据任务以及对应的优先级在合适的时候执行对应任务，那任务的优先级又是如何确定的呢？ 在React中存在多个优先级，在具体使用过程中，他们直接可以进行转化: 事件优先级 用户交

一、概述 一、Fiber架构 Fiber架构主要是React用于提升框架性能和调度能力而引入的机制 二、为什么需要Fiber 在使用Fiber架构之前, React采取 堆栈调和（Stack Reco

这里以React18的 Concurrent 并发模式作为基础 createRoot被调用时发生了什么？ 通过观察如下调用堆栈我们可以看到具体的过程: 执行的顺序从createRoot函数开始: 可以

作用 通过调度器可以根据任务的优先级，处理任务的执行顺序，并且确保在合适的时候执行调度器，在任务执行时间过长时，会进行中断，让出线程，并且在后续恢复后继续执行。 主要流程 调度器的主要流程可以看作是两

在React的渲染流程中，commit阶段是一个关键的环节，它负责将虚拟DOM的变更最终反映到实际的DOM上。 一、commit过程 React将commit阶段分为多个子阶段: before mut

大概流程 先前说到React应用在首次启动之后会形成如下的结构: 在此之后 render 函数被执行进入如下过程，这里我们省略调度器scheduler内的具体流程，只需要了解调度器的作用就是传入一个回

在React中我们使用JSX去描述UI 如下所示: 从JSX到JS的转换 对于浏览器而言，它只会理解javascript代码所以需要对代码进行转换,将JSX转变为JS代码： 在React17之前是由R