vercel-react-native-skills

React Native list virtualization optimization requires stable object references and proper list component configuration to reduce memory usage and improve scroll performance. This Skill provides actionable rules and code snippets for implementing virtualized lists in Expo apps.

Handling images and fonts in React Native for faster startup involves applying specific performance best practices for asset loading and rendering. This Skill codifies image handling and font optimization rules with ready-to-copy code examples to improve app startup time.

Implementing GPU-accelerated animations in Expo involves applying animation efficiency rules that offload work from the JavaScript thread. This Skill provides practical patterns and code snippets for optimizing React Native animations to maintain smooth UIs.

Auditing a React Native app for performance hotspots and generating a refactor plan is the primary use case of this Skill. It provides a prioritized list of changes and a sample 2-week sprint refactor plan covering lists, animations, and native module integration.

This React Native performance guidance covers native module integration to improve startup time and memory usage. The Skill includes practical patterns and setup snippets for engineers implementing native module optimizations within Expo apps.

High memory usage during React Native long list rendering typically stems from missing list virtualization and unstable object references. This Skill codifies rules for list virtualization and memory usage optimization to help identify and resolve these performance hotspots.