Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Build performant React Native and Expo apps with best practices for lists, animations, and navigation
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
rules/_sections.md
1# Sections23This file defines all sections, their ordering, impact levels, and descriptions.4The section ID (in parentheses) is the filename prefix used to group rules.56---78## 1. Core Rendering (rendering)910**Impact:** CRITICAL11**Description:** Fundamental React Native rendering rules. Violations cause12runtime crashes or broken UI.1314## 2. List Performance (list-performance)1516**Impact:** HIGH17**Description:** Optimizing virtualized lists (FlatList, LegendList, FlashList)18for smooth scrolling and fast updates.1920## 3. Animation (animation)2122**Impact:** HIGH23**Description:** GPU-accelerated animations, Reanimated patterns, and avoiding24render thrashing during gestures.2526## 4. Scroll Performance (scroll)2728**Impact:** HIGH29**Description:** Tracking scroll position without causing render thrashing.3031## 5. Navigation (navigation)3233**Impact:** HIGH34**Description:** Using native navigators for stack and tab navigation instead of35JS-based alternatives.3637## 6. React State (react-state)3839**Impact:** MEDIUM40**Description:** Patterns for managing React state to avoid stale closures and41unnecessary re-renders.4243## 7. State Architecture (state)4445**Impact:** MEDIUM46**Description:** Ground truth principles for state variables and derived values.4748## 8. React Compiler (react-compiler)4950**Impact:** MEDIUM51**Description:** Compatibility patterns for React Compiler with React Native and52Reanimated.5354## 9. User Interface (ui)5556**Impact:** MEDIUM57**Description:** Native UI patterns for images, menus, modals, styling, and58platform-consistent interfaces.5960## 10. Design System (design-system)6162**Impact:** MEDIUM63**Description:** Architecture patterns for building maintainable component64libraries.6566## 11. Monorepo (monorepo)6768**Impact:** LOW69**Description:** Dependency management and native module configuration in70monorepos.7172## 12. Third-Party Dependencies (imports)7374**Impact:** LOW75**Description:** Wrapping and re-exporting third-party dependencies for76maintainability.7778## 13. JavaScript (js)7980**Impact:** LOW81**Description:** Micro-optimizations like hoisting expensive object creation.8283## 14. Fonts (fonts)8485**Impact:** LOW86**Description:** Native font loading for improved performance.87