Component Patterns for React Native

Core Principles

Use TypeScript strict mode, arrow functions, and named exports only. Structure components with variant-based architecture using discriminated unions and repository pattern for data logic.

Why: Consistent patterns improve code maintainability, type safety catches bugs at compile time, and established architectures make components predictable and testable.

When to Use This Skill

Use these patterns when: