上一篇，我们介绍了beginWork，react使用的是深度优先遍历算法，整个fiber的构建都遵循此算法。 这也意味着，并不是所有节点beginWork完成后，才去进行completeWork。 当

基于react-route6  useOutlet实现keep-alive效果 二、代码呈现 代码分析 isKeepPath

render与bailout React创建fiber的逻辑render、bailout。 render：调用render函数（组件），返回JSX，与old fiber进行diff后创建fiber。

前言 react 生命周期指的是组件从创建到卸载的整个过程，每个过程都有对应的钩子函数会被调用，它主要有以下几个阶段： 挂载阶段 ：组件实例被创建和插入 DOM 树的过程 更新阶段 ：组件被重新渲染的

本节演示了更新阶段`fiber树构造(对比更新)`的全部过程, 跟踪了创建过程中内存引用的变化情况. 与`初次构造`最大的不同在于`fiber节点`是否可以复用.

React Scheduler 为什么使用 MessageChannel 呢？为什么不使用 setTimeout 或 requestAnimationFrame 实现呢？

React 18 正式版它来啦！一起来看看 React 18 有哪些新特性吧，深入了解 React 18 中的新功能，更进一步了解并发模式的概念！

context 是 react 的主要特性，它能在任意层级的组件之间传递数据。 在业务代码中用 context 可能不多，大家更偏向于全局的状态管理库，比如 redux、mobx，但在 antd 等组

setState 是同步还是异步？ 肯定是异步的呀。 确定么？那看一下这段代码会打印什么： 在 setTimeout 里修改了两次 state，并打印了 state 的值。 如果是异步的，那应该打印的