React 架构设计 #

React 在 v16 之后，重新调整了整个框架的设计架构。因此，了解其架构设计，要分为两个阶段：

• React 15 及之前版本
• React 16 及之后版本

React 15 架构 #

特点：同步更新

架构设计分为两部分：

1. stack reconciler：找到发生变化的组件
2. renderer：将变化的组件渲染到页面上

React 16 架构 #

特点：可中断的异步更新

16 架构新增内容：

• 增加了 scheduler 模块，用于控制优先级调度
• 引入了Fiber架构，将 stack reconciler 更新为 Fiber reconciler

React 16 引入的Fiber解决了什么问题？有什么具体的意义？