Skip to main content

新架构的优势

将新架构的优势按代码质量、性能和可扩展性三个维度重新分类如下：

代码质量​

  • 类型安全：通过代码生成确保 JavaScript 和宿主平台之间的类型安全。代码生成器使用 JavaScript 组件声明作为事实来源，生成用于持有属性（props）的 C++ 结构体。JavaScript 和宿主组件属性之间的不匹配将触发构建错误。
  • 一致性：全新的渲染系统是跨平台的，这使得在不同平台之间保持一致性变得更加容易。

性能​

  • 性能提升：得益于渲染系统全新的跨平台实现，每个平台都能从因某个特定平台的局限性而推动的性能改进中获益。例如，视图扁平化（View Flattening）最初是针对 Android 的性能解决方案，现在 Android 和 iOS 平台均默认提供此功能。
  • 更快的启动速度：宿主组件默认采用懒加载（延迟初始化）。
  • 减少 JS 与宿主平台之间的数据序列化：React 过去以序列化 JSON 的形式在 JavaScript 和宿主平台之间传输数据。新渲染器通过使用 JavaScript 接口 (JSI) 直接访问 JavaScript 值，改进了数据传输方式。

可扩展性​

  • 共享 C++ 核心：渲染器使用 C++ 实现，其核心在各平台间共享。这提高了各平台间的一致性，并使 React Native 更容易适配到新平台。
  • 更好的宿主平台互操作性：同步且线程安全的布局计算改善了在 React Native 中嵌入宿主组件时的用户体验，这意味着可以更轻松地与要求同步 API 的宿主平台框架集成。