What problem does it solve? React Native projects often become hard to maintain when business logic mixes with UI code, state management is inconsistent, and platform differences are handled ad hoc. This Skill provides a structured set of patterns for organizing components, hooks, state, and platform-specific code in TypeScript-based React Native apps. ## Core Features & Use Cases - Project Structure Guidance: Defines a clear src/ layout separating core business logic, reusable components, screens, navigation, hooks, and store. - Component & Hook Patterns: Enforces functional components with explicit props interfaces and logic extraction into custom hooks for testability. - State Management Recipes: Covers local useState, Zustand for global state, and React Query for server state with cache invalidation. - Testing Patterns: Provides examples using React Native Testing Library for components and renderHook for custom hooks. - Use Case: When building a new screen, follow the pattern of creating a screen-specific hook (e.g., useHome) holding all logic, keeping the screen component purely presentational and easy to test. ## Quick Start Ask the assistant to scaffold a new React Native screen with a custom hook, typed props, and a component test following these patterns.
