What problem does it solve?
This Skill provides structured guidelines to ensure consistency, maintainability, and quality when developing React Native apps with Expo and Expo Router.
Core Features & Use Cases
- Project structure & routing: Use the app/ directory for screens and routes; define layouts with _layout.tsx and dynamic routes.
- Components & styling: Enforce native components, responsive styling, and optional shared components.
- UI/UX best practices: Platform-specific variants, gestures, safe areas, and performance considerations.
- State & logic: Use hooks, context for shared state, and proper API integration patterns.
- Performance: Prefer FlatList for lists; memoization; avoid inline styles for many items.
- Expo APIs & Data: Correctly manage permissions, fonts, and API services via centralized modules.
- Coding standards: Naming conventions, code structure, and DRY principles.
- Common pitfalls: Avoid web-only constructs, remove console.log in prod.
Quick Start
Follow this skill's guidelines to scaffold a new Expo Router project or audit an existing one. Start by creating the app/ structure, then apply the recommended patterns to a sample screen, and run the app to validate UI consistency.