自由人863

深入理解 React 源码，带你从零实现 React v18 的核心功能，构建自己的 React 库。...

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

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

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

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

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

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

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

安装react 程序 安装mobx mobx mobx-react-lite Browser 6 3 Modern browsers (IE 11+ in compatib...