React Fiber源码笔记

DOM挂载后会处理一些收尾工作，例如将 setState 的 callback 保存到 updateQueue 中，调用 useLayourEffect钩子...

DOM挂载阶段会处理render阶段标记的需要删除，新增，更新的DOM结构，最终构建完整的DOM进行替换

before mutation 阶段主要处理 Snapshot 标记，这个阶段会处理函数组件的 useEffect 方法

render 阶段完成后，一棵完整的新 Fiber 树就构建完成了，commit 阶段会负责将这棵 Fiber 树转换为真实 DOM 并挂载。

beginWork 方法对应节点递阶段，是从父节点开始向子节点处理，主要任务是进行 diff，新节点的创建。

beginWork 方法的目的是创建新的节点替换原节点，涉及到新旧节点 diff，简单阐述这个过程的整体逻辑

FiberNode 进入 Render 阶段，对所有 FiberNode 进行 diff 比较，分为两个过程：beginWork，completeWork

React 中 useEffect 等钩子产生的副作用执行过程，如何卸载已创建的副作用，执行新的副作用

Fiber 在更新 DOM 时会创建两棵 DOM 树。一棵是页面上显示的，用户正在使用的；另一棵是正在处理的，在异步操作过程中持续更新的。

scheduler 处理异步任务的流程，在时间片内如何进行工作循环。 使用 MessageChannel 开启宏任务的优点，React 的 workloop 是什么

React 调度器基础与调度 Fiber 树的具体逻辑。如何调度立即执行的任务，使用微任务调度更新计划

FiberNode 是一个包含 Fiber 架构所需要数据的对象，也是 vDOM 这一概念对应的具体数据结构。

JSX 语法是如何转换为 ReactElement 元素的，在这个过程中 babel 与 React 分别起什么作用，ReactElemnt 数据结构是怎样的。

React Fiber 架构理念前置知识：复习浏览器事件循环机制，了解浏览器帧渲染概念，长任务与短任务的区别。

React Fiber 架构的概念，为什么 React16 之后要用 Fiber 架构代替原本的 Stack 架构。