React Native 应用性能评估

Question

我需要测量一个React Native应用的性能，最好的工具是什么？

我尝试了在谷歌浏览器中使用google trace，在mac上使用Instruments测试iOS平台，但这些工具向我展示了许多无组织的数据。

- danielfeelfine

Answer 1

我实现了一些工具来检查我的应用程序的性能，以下是这些工具的列表：

1) (reactotron) https://github.com/infinitered/reactotron

这是获得应用程序日志(redux操作等)的最酷的方法之一，我已经将此工具集成到我的项目中，如果需要任何帮助，请随时询问。

2) https://facebook.github.io/react/docs/perf.html (react-addons-perf)

该工具可以告诉您关于每秒帧数、实例数量等信息。这是一个React工具，可以与React Native集成使用。

使用内置的Profiler获取有关在JavaScript线程和主线程中执行的工作的详细信息。

对于iOS，Instruments是一种非常有价值的工具，在Android上则应该学会使用systrace。

您还可以使用react-addons-perf来了解React在渲染组件时花费时间的情况。

另一种分析JavaScript性能的方法是在调试时使用Chrome Profiler。虽然代码运行在Chrome中，但这不会给出准确的结果，但可以大致了解瓶颈可能在哪里。

注意：以上工具用于监视JavaScript性能，例如组件渲染所需的时间，Redux中的操作是否干扰了常规操作的流程等。

干杯 :)

- Codesingh

---

从React 16开始，不再支持react-addons-perf。https://reactjs.org/docs/perf.html - Kushal Desai