What problem does it solve?
It prevents crashes and performance regressions in React Native and Expo apps by enforcing safe rendering, efficient list virtualization, and correct animation/state patterns.
Core Features & Use Cases
Use it while building or refactoring React Native UI components to fix common runtime issues (like rendering strings in the wrong place) and to optimize scrolling performance (like stable references and lightweight list items). It also guides implementing Reanimated animations correctly (GPU-friendly properties and proper shared-value derivation) and handling navigation, images, and React state with production-grade best practices. Example use case: during a performance review, apply the rules to refactor a slow feed screen that uses ScrollView and inline objects, then verify the changes align with the repo’s “impact-first” priorities.
Quick Start
Apply the vercel-react-native-skills rules to the current React Native codebase by scanning for the category-prefixed violations (rendering-, list-performance-, animation-, scroll-, and ui-/state- rules) and rewriting the identified components to match the provided incorrect vs. correct patterns.