React渲染机制和源码初探（一）

此篇所有的谈论是<=React19，也即是代码穿插React18～和React19😂，好的，废话不多说，接下来让我们一起看一下React的渲染机制，以及其中的一些源码，是什么？做什么？怎么做？为什么？有什么问题？带着这几个疑问开始：

const ReactVersion = '19.0.0';

React的渲染是一个复杂而精细的体系，涉及多个关键技术和概念。

React渲染机制

1. 虚拟DOM（Virtual DOM）：
   • React使用虚拟DOM来高效地渲染界面。虚拟DOM是一个轻量级的JavaScript对象树，用于表示真实DOM的结构和属性。
   • 当组件的状态或属性发生变化时，React会生成一个新的虚拟DOM树，并与旧的虚拟DOM树进行比较（diff算法），以确定需要更新的真实DOM部分。
2. 调和（Reconciliation）：
   • React通过调和过程将虚拟DOM树的变化应用到实际DOM。
   • 调和算法会对比新旧虚拟DOM树，找出差异并最小化实际DOM的更新操作。React采用深度优先遍历的方式递归地比较节点及其子节点。
3. React Fiber：
   <