React 的重要组成部分
React基础设计
1.简化流程图
1.1 React元素
React元素是React应用的最小单位，是对一个UI单位的轻量级。React元素通常通过JSX语法创建，使用React.creatElement()进行返回。
1.2 虚拟dom
虚拟DOM，是React元素的内存表示。React使用虚拟dom来优化UI的更新过程。通过比较新旧虚拟DOM树的差异(diffing)，来找到实际需要更新的元素进行最小范围内的更新，用更快的速度和最低的开销来完成DOM的更新。其实vue也是同理的机制，都是通过diff算法进行更新。
1.3 Reconciler（diff算法）
Reconciler是React的核心算法，负责协调或对比新旧虚拟DOM树的差异，并计算出实际DOM需要进行的更新。Reconciler的工作方式可以是同步的，也可以是异步的(在react16中引入的Fiber架构下)。->可以参考React 16之后的版本的源码。
1.4 总结
组件通过返回 React 元素来描述 UI，而 React 元素构成了虚拟 DOM 树。当组件状态变化时，Reconciler 负责比较新旧虚拟 DOM 树的差异，并计算出需要对实际 DOM 进行的最小更新。
Fiber 架构改进了 Reconciler 的工作方式，使其能够更高效地处理 UI 更新，特别是在大型应用和动画等场景下。
事件系统为 React 组件提供了一种处理用户交互的方式，组件可以通过定义事件处理函数来响应用户的操作。
