Skip to main content
Version: v11.9.2

React Native Performance Monitor - Flipper Plugin


RN Perf Monitor (Flipper Plugin)

RN Perf Monitor is a flipper plugin that gives a performance score for mobile apps from BAM.lab.

Measure metrics:

  • Performance Score (Using a custom formula as below:)

Data Captured:

  • JS & UI FPS data over time

CI Support: Yes

Strengths:

  • Supports both Android / IOS
  • JS / UI thread tracked with an scenario

Limitations:

  • Depends on Flipper - Desktop app
  • Can only measure debug apps
  • Need to install packages

Setup:

  1. Download Flipper & complete setup like OpenSSL / Watchman / SDK's - Android/iOS. For more info. check here
  2. Install packages (For expo apps) expo-community-flipper / react-native-flipper / react-native-flipper-performance-plugin
  3. Do pre-build, then update app.json for plugins
  4. Then run your dev build of android/ios (Not via expo-go, your own dev build)
  5. Disable Dev mode for Rn-perf-monitor

RN Perf Monitor Sample Screen: