expo-react-native-performance

What it does

This skill enables AI agents to analyze and optimize the performance of React Native applications built with Expo. It specifically targets reducing bundle sizes, improving startup times, and enhancing runtime efficiency through targeted code analysis and configuration adjustments.

When to use it

• Diagnosing slow app launch times on mobile devices during development or production builds.
• Reducing the initial download size (bundle) to improve network performance for users with limited connectivity.
• Identifying memory leaks or inefficient rendering patterns that cause frame drops during complex UI interactions.
• Optimizing asset loading strategies, such as lazy loading images and media, before deployment.

Key capabilities

• Analyzing Metro bundler configurations to minimize unnecessary code inclusion.
• Suggesting specific Expo SDK settings to reduce build artifacts.
• Identifying heavy dependencies that can be replaced with lighter alternatives.
• Generating reports on bundle composition and tree-shaking opportunities.

Example prompts

• "Analyze my current Expo project structure and suggest changes to reduce the initial bundle size by at least 20%."
• "Identify potential memory leaks in this React Native component and provide code fixes to improve runtime performance."
• "Optimize my app's startup sequence by reordering initialization logic and configuring lazy loading for non-critical assets."

Tips & gotchas

Ensure your project is using the latest stable version of Expo SDK, as performance optimizations often rely on specific native modules available only in recent releases. Always test performance changes on real devices rather than relying solely on emulators, as network conditions and hardware variations significantly impact metrics like bundle size and startup time.