What problem does it solve?
This Skill solves the challenge of designing a scalable, production-grade React Native codebase by providing proven structure, navigation patterns, state and data management approaches, native integrations, and offline-first behavior so teams can build faster and avoid common architectural pitfalls.
Core Features & Use Cases
- Production project structure for Expo Router: Organizes screens, components, hooks, services, stores, and utilities for maintainable growth.
- Navigation patterns with Expo Router: Implements tab-based navigation, dynamic routes, and programmatic routing with parameters for real app flows.
- Offline-first data and auth foundations: Uses React Query persistence with offline synchronization patterns and route protection with secure token storage.
- Native integration playbook: Shows how to integrate device capabilities (e.g., haptics, biometrics, push notifications) safely and consistently.
- Performance-focused UI patterns: Provides guidance for smooth rendering using optimized list components and memoization strategies.
Quick Start
Create a new Expo app for your project and apply the recommended src layout, Expo Router navigation setup, and a QueryProvider + AuthProvider foundation for offline-first behavior.