What problem does it solve?
This guide provides a structured set of conventions to streamline Expo mobile app development, ensuring teams follow consistent architecture, state management patterns, and native permission practices.
Core Features & Use Cases
- Architecture: Guidelines for building mobile apps with Expo Router, emphasizing frontend-first design, minimal file count, and native feature integration.
- State Management: Patterns for React Context and React Query to manage shared and server state with clear separation and minimal prop drilling.
- TypeScript & Tooling: Type safety with explicit types, strict annotations, and safe imports to reduce runtime errors.
- Networking & Environment: Best practices for API calls, environment configuration, and avoiding hard-coded URLs.
- Safety & Compatibility: Adhere to Expo Go compatible libraries, proper error handling via a custom ErrorBoundary, and safe font loading with SplashScreen gating.
- UI & Accessibility: Use native styling with StyleSheet, safe area handling via useSafeAreaInsets, and accessible components.
Quick Start
Create a minimal Expo app scaffold using Expo Router, set up React Context and React Query, and enable a sample native feature integration following these guidelines.