React Native 性能

欢迎来到 React Native 性能 👋

React Native Performance 是 Shopify 构建的一组用于分析 React Native 应用程序性能的软件包。

入门

React Native Performance monorepo 包含多个软件包

• react-native-performance - 用于测量应用程序中不同流程渲染时间的核心库。
• 建立在 react-native-performance 之上的扩展库
  • react-native-performance-navigation - 有用的高阶配置文件，以及额外的组件，方便使用 React Navigation 库 的应用程序进行性能分析。
    • react-native-performance-navigation-bottom-tabs - 基于 react-native-performance-navigation 的扩展库，为 @react-navigation/bottom-tabs 库提供了额外的辅助方法。
    • react-native-performance-navigation-drawer - 基于 react-native-performance-navigation 的扩展库，为 @react-navigation/drawer 库提供了额外的辅助方法。
• react-native-performance-lists-profiler 包含用于分析 FlatList 和 FlashList 性能的实用工具。
• flipper-plugin-react-native-performance 包含一个 Flipper 插件，使列表性能分析更容易。该插件可视化 TTI（首次可交互时间）、空白区域及其平均值。

注意

react-native-performance 是核心库，为分析操作提供基本构建模块，但我们建议为了方便以及与 Shopify 其他应用程序保持一致，使用其他软件包。

要了解更多关于各个软件包的信息，请点击链接查看其文档。