dx-expert

What problem does it solve?

This Skill enforces best practices in React Native Expo development, ensuring cleaner, more maintainable, and performant code by guiding AI agents away from common anti-patterns.

Core Features & Use Cases

• Enforces SRP: Separates state logic (hooks) from rendering logic (components).
• Promotes Hook Architecture: Encourages small, focused hooks, each in its own file, with single object arguments.
• Guides Component Design: Advocates for the Compound Component Pattern, avoiding boolean props and promoting composition.
• Optimizes Memoization: Discourages useCallback and guides useMemo usage.
• Ensures UX Polish: Reminds developers about keyboard handling, loading/error/empty states, safe areas, and touch targets.
• Prioritizes Expo Router: Encourages native Expo Router features for navigation and routing.
• Use Case: When refactoring a complex component that mixes state management and UI rendering, this Skill will guide the AI to break it down into smaller, reusable hooks and components following the Single Responsibility Principle and Compound Component Pattern.

Quick Start

Use the dx-expert skill to refactor the provided component to adhere to the Single Responsibility Principle and Compound Component Pattern.