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