Fabric Renderer

Review

[!Summary]

一、Introduction #

Fabric渲染器是React Native新架构中的一项核心技术，旨在提升React Native的性能、可扩展性和与原生平台的互操作性。它通过重构渲染流水线，将更多的渲染逻辑下沉到C++层，从而实现更流畅的UI更新和更强的平台适配能力。

Fabric渲染器包括JS层和原生层。

性能提升：
- C++层优化： 将渲染逻辑下沉到C++层，利用C++的性能优势，减少JavaScript层的工作量。
- 减少桥接开销： 减少JavaScript和原生平台之间的通信次数，降低桥接开销。
可扩展性增强：
- 模块化设计： Fabric采用模块化的设计，使得开发者可以更方便地定制和扩展渲染器。
- 支持新特性： Fabric为React Native带来了更多的新特性，如悬浮窗、手势识别等。
平台兼容性更好：
- 统一的渲染模型： Fabric在C++层提供了一个统一的渲染模型，使得React Native应用在不同平台上的表现更加一致。

Shadow Tree: 一种虚拟的UI树，用于表示组件的布局和样式信息。Shadow Tree在C++层进行维护，可以更有效地进行布局计算和视图更新。
Yoga: 一个用于布局计算的开源库，被广泛应用于React Native中。Fabric将Yoga集成到C++层，进一步提升了布局性能。计算出布局。
组件系统: Fabric引入了新的组件系统，使得开发者可以更方便地创建自定义组件。