Performance n Profiling

Metrics

• release: adopt, health (crash-free sessions), handled/unhandled, issues (errors)
• kno: device/sourcemaps/breadcrumbs
• fps (js/native), ram (js/native/leaks), nested views (cached)
• network downtime/rtt e2e (be<->fe)
• ci/cd e2e screens/vids
• issues(regressions)/PRs/commits
• analytics...
• hill chart
  • NB: The only metric that matters to me

Tools

App: __DEV__ off - Release perf optimisations on

• Debug menu > Perf Monitor
• Chrome profiler > React DevTools > Flame graph
• Hermes sampling profile
• Flipper
• iOS: Xcode > Instruments
• Android: systrace
  • Threads: UI, JS, Native Modules, Render

Libs

• Feb21: https://github.com/oblador/react-native-performance
• Jun22: https://github.com/Shopify/react-native-performance
• July22: https://github.com/callstack/reassure

Integrations (paid)

mobile.dev

---

https://www.notion.so/The-React-Native-Performance-Compendium-21d58f64292e4074afb73a10f760f303