React 相关知识(2024)二

React Fiber是React 16版本引入的新调度算法，通过链表数据结构实现中断和恢复渲染。

Fiber架构解决了React 15及之前版本的主线程阻塞、无法中断与恢复渲染、无法实现增量渲染等问题。

JSX被Babel转译为ReactElement，随后转换为FiberNode以支持高效渲染和更新。

FiberNode是React用于渲染和更新的核心数据结构，支持并发渲染和优先级调度。

React Fiber采用双缓冲技术，维护当前显示树和正在构建的树，确保流畅的用户体验。

任务调度允许将渲染工作拆分为多个小任务单元，根据优先级灵活调度。

Reconciliation阶段比较新旧树的差异，Commit阶段将变化应用到DOM上，确保用户界面更新。

Fiber架构支持优先级调度，允许高优先级任务打断低优先级任务，提升用户体验。

React的diff算法通过分层比较和优化策略提高了渲染性能，避免不必要的DOM操作。

使用PureComponent、React.memo等优化策略可以减少不必要的组件渲染，提高性能。

React的render方法将组件状态和属性转化为虚拟DOM，并最终更新到真实DOM中。