react-native-architecture

Production-ready React Native patterns with Expo, navigation, offline-first architecture, and native module integration.

- Covers Expo Router for file-based navigation, authentication flows with secure token storage, and route protection patterns

- Includes offline-first data sync using React Query with AsyncStorage persistence and online status detection

- Demonstrates native module integration for haptics, biometrics, push notifications, and platform-specific code patterns

- Provides performance optimization techniques including FlashList for long lists, component memoization, and Reanimated animations

- Includes EAS Build and Submit configuration for CI/CD, OTA updates, and app store deployment across iOS and Android

React Native Architecture

Production-ready patterns for React Native development with Expo, including navigation, state management, native modules, and offline-first architecture.

When to Use This Skill

- Starting a new React Native or Expo project

- Implementing complex navigation patterns

- Integrating native modules and platform APIs

- Building offline-first mobile applications

- Optimizing React Native performance

- Setting up CI/CD for mobile releases

Core Concepts

1. Project Structure