Our Solution for Measuring React Native Rendering Times - Shopify
Nov 24, 2022

Summary
Introduces the open-source `@shopify/react-native-performance` library to measure rendering times in React Native apps, including app startup, navigation, and screen re-renders. Details the library's internal workings, including render passes, state machine, and the definition of 'rendered' as the moment a screen becomes interactive. Provides guidance on integrating the library into Android, iOS, and TypeScript codebases, and outlines usage for measuring different types of render times.
More from the React Native Animation Performance trail
- FlashList v2: A ground-up rewrite for React Native's New Architecture (2025) - Shopify
- The Future of React Native Graphics: WebGPU, Skia, and Beyond (2025) - Shopify
- Improving Shopify App’s Performance - Shopify
- Getting Started with React Native Skia - Shopify
- Making Your React Native Gestures Feel Natural - Shopify