coding-in-react-native-expo

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.