What problem does it solve? React Native apps frequently suffer from scroll jank, unnecessary re-renders, runtime crashes from falsy JSX rendering, and slow animations caused by layout-property animation. This Skill provides a prioritized rulebook of 35+ best practices so generated or refactored mobile code follows proven performance patterns from the start. ## Core Features & Use Cases - Prioritized Rule Catalog: 35+ rules across 13 categories ranked by impact (CRITICAL rendering rules down to LOW font-loading optimizations), each with incorrect vs. correct code examples. - List & Animation Optimization: Concrete guidance on virtualized lists (LegendList, FlashList), memoization with primitive props, Reanimated shared values, and GPU-accelerated transform/opacity animations. - Platform & Architecture Guidance: Native navigators, native modals and menus, monorepo dependency management, React Compiler compatibility, and Expo config plugins. - Use Case: When asked to build a chat feed screen, apply the list-performance rules to use a virtualized list with typed items, stable references, and compressed images instead of a ScrollView with mapped children. ## Quick Start Review my React Native feed screen component and refactor it using the list performance and rendering rules from this skill.
