Skip to main content
Version: v11.7.0

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:​