想亲手复刻 React Fiber 架构？MiniReact 用 372 行代码带你解锁并发渲染、虚拟 DOM 和 Diff 算法的底层原理。

写在前面 本系列会实现一个简单的react，包含最基础的首次渲染，更新，hook，lane模型等等，本文是本系列的第一篇。这对于我也是一个很大的挑战，不过这也是一个学习和进步的过程，希望能坚持下去，一

修勾课堂开课了~下面是React中最核心的部分之一Diff算法，Diff 算法的本质就是对比 current Fiber Tree 和 JSX 对象，生成 workInProgress Fiber T

了解React的多少都见过这句话：React16之后，改用了Fiber 架构。那么，到底什么是Fiber架构？之前的架构是什么？为什么要使用Fiber架构代替之前的呢？ 其实关于Fiber架构的

react源码解析6.legacy模式和concurrent模式 视频讲解（高效学习）：进入学习 往期文章： 1.开篇介绍和面试题 2.react的设计理念 3.react源码架构 4.源码目录结构和

上一篇我们讲解了js中位运算的使用，进而延伸到位运算在react中的使用&优先级调度机制，本篇我们将探究react中的更新调度机制

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

React 是由 Facebook 开发并于 2013 年开源的前端库，最初的目的是为了解决当时复杂用户界面开发中的效率和性能问题。

本文不介绍 React Query 的各种 API 和用法， 只从一个最基础的例子，认识它的原理和思想，以提高代码设计能力。