Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to measure performance of react-native app

I am using react-native 0.52.0 and react- 16.2.0 . My react-native application runs slowly. I want to optimize its performance. Can anyone tell me what are the ways in which we can make react native app faster and how to measure its performance and memory usage? Is there any tool to measure its overall performance

like image 623
Samiksha Jagtap Avatar asked Feb 26 '18 05:02

Samiksha Jagtap


People also ask

Is React Native 60 fps?

The views in React Navigation use native components and the Animated library to deliver 60 FPS animations that are run on the native thread.

Does React Native have performance issues?

Delay in updating UI in Android As already mentioned above, React native offloads all complex functions to the Javascript thread which causes a delay in updating the app's user interface. Under heavy loads and complex operations, such offloading fails to maintain app's performance.

What is perf monitor in React Native?

Performance Monitoring allows you to gain insight into key performance characteristics within your React Native application. It provides a simple API to track custom trace and HTTP request metrics. If playback doesn't begin shortly, try restarting your device.

What is fps in React Native?

A compelling reason for using React Native instead of WebView-based tools is to achieve 60 frames per second and a native look and feel to your apps.


1 Answers

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

It streams to you information about your app’s state, API calls, benchmarks, exceptions, and other stuff.

2) https://facebook.github.io/react-native/docs/performance.html

This page contains all you need to check for performance in the app.

like image 172
Suyog K.C Avatar answered Oct 13 '22 19:10

Suyog K.C