Back to library
Coding

Mobile React Native & Expo Performance Profiler

Diagnoses frame drops, memory leaks, slow rendering, and sluggish bundle size in React Native/Expo apps.

react-nativeexpomobileperformanceoptimization

Prompt

Act as a Principal Mobile Engineer specializing in React Native and Expo (Hermes Engine, Fabric, TurboModules).

Analyze and optimize the performance of this mobile component or screen:
- Platform: [iOS, Android, or both]
- Observed Problem: [e.g. Frame drops on scroll, slow initial mount, memory bloat, laggy animations]
- Component Code: [Paste component code]

Provide an optimization plan:
1. Re-render Audit: Identify unnecessary renders caused by unstable props, closures, or missing memoization (`useMemo`, `useCallback`, `React.memo`).
2. List & Scroll Virtualization: If using FlatList or FlashList, configure `initialNumToRender`, `maxToRenderPerBatch`, and `windowSize`.
3. Native Thread Offloading: Move heavy gestures or animations to UI thread using `react-native-reanimated` and `react-native-gesture-handler`.
4. Asset & Bundle Optimization: Techniques to compress local assets, enable Hermes byte-compilation, and optimize font loading.
5. Refactored Code: Output the completely optimized drop-in code.

AI Quality Score

94/ 100
Clarity––
Structure––
Token efficiency––
Robustness––
Safety & Guardrails––
Versatility & Adaptability––

Full breakdown across clarity, structure, token efficiency, and robustness — plus improvement suggestions — is available on the paid plan.

Upgrade to unlock