MiuErWo的博客

原创 React源码学习（一）—— Fiber架构

Fiber是react 16(2017发布)新增的数据结构，由对应的react Element生成，用于改进React调度器的技术，它的目标是实现更高效的组件更新和渲染处理，以提供更好的用户体验和性能，Fiber架构的核心思想是将原本同步的、递归的调度方式改为异步的、可中断的调度方式。这意味着React可以在渲染过程中根据优先级和时间片切割的策略，对任务进行调度和优化，在Fiber架构下，React将组件更新过程划分为更小的任务单元，并根据任务的优先级决定任务的执行顺序。