React Native Skill Project Structure Component Patterns Functional Components Only Extract Logic to Hooks Props Interface Always Explicit State Management Local State First Zustand for Global State (if needed) React Query for Server State Testing Component Testing with React Native Testing Library Hook Testing Platform Specific Code Use Platform.select Sparingly Separate Files for Complex Differences React Native Anti Patterns ❌ Inline styles use StyleSheet.create ❌ Logic in render extract to hooks ❌ Deep component nesting flatten hierarchy ❌ Anonymous functions in props use useCallback ❌ Index as key in lists use stable IDs ❌ Direct state mutation always use setter ❌ Mixing business logic with UI keep core/ pure ❌ Ignoring TypeScript errors fix them ❌ Large components split into smaller pieces

react-native