Expo

What it does

This skill provides a comprehensive guide to optimizing Expo React Native applications for performance. It offers 54 prioritized rules across nine categories, covering areas like launch time, bundle size, list virtualization, image optimization, and more. The goal is to assist in automated refactoring and code generation to improve mobile app performance.

When to use it

This skill is helpful when:

• Writing new Expo React Native components.
• Optimizing app startup and Time to Interactive.
• Implementing lists, images, or animations.
• Reducing bundle size and memory usage.
• Reviewing code for mobile performance issues.

Key capabilities

• Provides prioritized rules for optimizing Expo React Native apps.
• Covers areas like launch time optimization, bundle size reduction, list virtualization, image optimization, data fetching patterns, navigation performance, re-render prevention, animation performance and memory management.
• Includes specific recommendations such as using Hermes engine, avoiding barrel files, utilizing FlashList, and employing WebP format for images.

Example prompts

Here are some example prompts to guide the AI agent:

• "What are the critical launch time optimization rules?"
• "How can I reduce my app's bundle size?"
• "Suggest best practices for optimizing lists in Expo React Native."

Tips & gotchas

• The skill provides a prioritized list of recommendations, so focus on the highest priority items first (Launch Time Optimization and Bundle Size Optimization).
• Some rules may require significant code changes or architectural adjustments.