itslife

首先定义入口文件，使用函数组件。 简单处理函数组件 要处理函数组件，需要根据 Fiber 节点 tag 进行处理。在 beginWork 函数中做判断。 主要逻辑在 mountIndeterminat

在完成 Fiber 树的渲染后，需要提交 Fiber 树，将 Fiber 树对应的真实DOM渲染到页面上，即挂载到根节点上。 实现 在 renderRootSync 函数执行完成后，Fiber 树的处

目标虚拟 DOM 针对以上代码的虚拟DOM就不在这里再列出来了。 架构分析 在 createRoot 函数中，已经实现了 HostRootFiber 和 FiberRootNode。接下来需要开始构建

接下来，需要实现 render 函数，进行第一次挂载。 由之前的文章可知，root 是一个 ReactDOMRoot 实例。所以直接在 ReactDOMRoot 原型上添加 render 方法。 再回

react 代码 FiberRootNode 与 HostRootFiber FiberRootNode 指向 HostRootFiber，HostRootFiber 也指向 FiberRootNod

调试准备 调试项目使用 vite 搭建，进行 react 开发环境调试，所以使用的所有 react 方法都是 dev 方法。 jsx 执行流程 babel 编译结果 由编译结果代码可知，babel 编

前端瓶颈 前端性能瓶颈主要可以分为5个阶段。 资源加载阶段 渲染阶段 脚本执行 用户交互 网络通信 这里主要讨论前端运行时瓶颈，即3、4阶段。这个阶段影响性能最大的元素就是 DOM 操作。而 DOM

前置知识点 题目目录 知识点 解释 keyof 提取对象类型的所有键，组成联合类型 in 遍历联合类型，构造映射类型 分发条件类型 只要你在条件类型里写 T extends U ? ... : ...

记录一下 tsconfig 的配置及作用。 根模块 编译选项 编译选项分为以下几类 Modules 模块配置 Type Checking 类型检查 Emit 输出相关配置 JavaScript Sup