自由人863

性能优化 什么是性能优化 命中「性能优化」的组件可以不通过 reconcile 生成 wip.child，而是直接复用上次更新生成的 wip.child

三种情况 节点的位置没有变化 节点的增加或删除 节点的移动 实现思路： 两轮遍历， 第一轮遍历尝试复用所有节点 此情况最为常见，节点的位置没有变化(作为性能优化) 第一轮遍历后有一下三种情况 新节点遍

更新后为单节点 只有在 key 与 type 相同时 才能复用当前节点 其他情况都不能复用 实现思路： 找出比较节点的 key 与 type 相同则复用 删除其他不能复用的兄弟节点 代码实现

React Reconciler 是 React 内部用于协调和管理组件更新的模块。它的主要任务是根据组件的变化（如状态更新或属性更改），高效地计算出需要更新的部分，并将这些更新应用到真实 DOM 中

什么是jsx JSX 是 JavaScript XML 的缩写，它允许我们在 JavaScript 代码中直接编写类似 HTML 的语法，从而更直观地描述 UI 结构

FiberRootNode 在 React 的 Fiber 架构中，FiberRootNode 是一个关键的数据结构，它代表了整个 React 应用的根节点。FiberRootNode 负责管理应用的

eslint ESLint 是一个用于识别和报告 JavaScript 代码中发现的模式的静态代码分析工具。它旨在帮助开发者发现和修复代码中的问题，从而提高代码质量和可维护性