Performance n Profiling

Metrics

• release
  • rollout adoption
  • crash-free sessions
  • new/retained/resurrected/inactive users
  • reviews/rating
• tti
• errors
  • (un)handled
  • stacktrace (sourcemaps)
  • events (analytics)
• ram (js/native)
  • mem leak
• fps (js/native)
  • stutter (tearing)
  • rerenders
  • nested views
• cpu
• network downtime/rtt e2e (be<->fe)
• battery
• size
  • apk/ipa
  • js bundle
• analytics
  • events (single, series)
  • users (data, groups)
• The only metric that matters to me
• e2e screens/vids

Tools

App: __DEV__ off - Release perf optimisations on

• Debug menu > Perf Monitor
• Hermes sampling profile
• Flipper RN Debugger
  • breakpoints
  • Chrome profiler > React DevTools > Flame graph
• iOS: Xcode > Instruments
• Android: Studio Profiler
  • Systrace Perfetto

Libs

• 18: https://rnfirebase.io/perf/usage
• Dec18: https://github.com/welldone-software/why-did-you-render
• Feb21: https://github.com/oblador/react-native-performance
• Mar21: https://github.com/getsentry/sentry-react-native
• Mar21: https://github.com/DataDog/dd-sdk-reactnative
• Jun22: https://github.com/Shopify/react-native-performance
• Jul22: https://github.com/callstack/reassure
• Sep22: https://github.com/bamlab/android-performance-profiler

Integrations (paid)

mobile.dev

---

Ultimate Guide to React Native Optimization

---

The React Native Performance Compendium