我们知道在 React16 之后，React 底层引入了 Fiber ，那 Fiber 究竟是什么呢？ Fiber 和 JSX 有什么联系？下面我们就来看看：为什么是 JSX

构建FiberTree 本文为清晰展现出本文核心逻辑把粘贴的源码中参数校验、typescript类型、不相关逻辑等已删除

点击进入React源码调试仓库。 上一篇扒一扒React计算状态的原理 之后，我们来分析一下Diff的过程。 fiber上的updateQueue经过React的一番计算之后，这个fiber已经有了新的状态，也就是state，对于类组件来说，state是在render函数里被使…

React 是基于 vdom 的前端框架，组件 render 产生 vdom，然后渲染器把 vdom 渲染出来。 state 更新的时候，组件会重新 render，产生新的 vdom，在浏览器平台下，

虚拟DOM (Virtual DOM) Virtual DOM 就是用JavaScript对象去描述一个DOM结构，虚拟DOM不是直接操作浏览器的真实DOM，而是首先对 UI 的更新在虚拟 DOM 中

unstable_scheduleCallback 这个函数是 react 任务调度核心函数，主要作用是根据任务的优先级进行任务调度 它接收一个优先级(priorityLevel)、一个回调函数(ca

一 引沿 Fiber 架构是React16中引入的新概念，目的就是解决大型 React 应用卡顿，React在遍历更新每一个节点的时候都不是用的真实DOM，都是采用虚拟DOM，所以可以理解成fiber

讲解完函数组件和类组件是如何计算状态更新之后，这篇文章讲一下reconcile的流程，也就是我们俗称的diff算法。 类组件的diff入口在finishClassComponent中 对于函数组件，会

目前，react18 最新的版本已经到了 18.0.0-alpha-f6abf4b40-20211020，相信再过不久，我们就可以正式使用 react18 了。相比 17， 18 版本最大的变化就是原