Performance n Profiling

Metrics

• release: adopt, crash-free sessions, handled/unhandled, issues
• kno: device/sourcemaps/breadcrumbs
• fps (2), ram (2), nested views (cached)
• network downtime/rtt be/fe
• ci/cd e2e screens/vids
• issues(regressions)/PRs/commits
• PM (BC hillchart)
• analytics during payment, receipt info

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

mobile.dev

---

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