Skip to content

小结

同学们好,在本章中,我们学习了 React 中的 Fiber 架构的一些核心概念和相关设计思想。现在让我们回顾一下本节课程的主要内容:

  • Fiber架构是React为了解决性能问题和提升调度能力而引入的一种新的内部实现机制.它主要通过重新组织渲染过程,使React可以更有效地执行渲染任务。
  • 介绍了Fiber、双缓冲策略、工作循环、并发模式等概念
  • 后面通过一个思考题介绍了Fiber 架构的主要设计动机,这些动机包括:
    • 改进性能
    • 引入优先级调度
    • 支持并发模式
    • 等等

这里提到的优先级调度机制,使 React 能够根据任务的优先级对它们进行调度。这有助于确保用户界面始终保持流畅且响应迅速。当然要想对任务进行优先级进行调度的前提就是任务是一个个可以单独处理的任务。所以Fiber 架构为 React 的并发模式(Concurrent Mode)奠定了基础。并发模式利用时间切片和优先级调度等概念,以提高用户界面的性能和响应速度。

通过学习本节课程,我们对 React 中的 Fiber 架构有了概念上的了解,理解了它的设计动机、原理。从下一章开始我们就正式开始手写React18的源码,在这个过程中会反复提到本章涉及到的概念。好了关于本章小结就先到这里,谢谢大家。

diff
- const originalCode = 'This is the original code';
+ const updatedCode = 'This is the updated code';
  const unchangedCode = 'This code remains the same';

基于 VitePress 构建