Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Native projects.

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 2. Expo vs Bare React Native Feature Expo Bare RN Setup complexity Low High Native modules EAS Build Manual linking OTA updates Built in Manual setup Build service EAS Custom CI Custom native code Config plugins Direct access Quick Start Detailed patterns and worked examples Detailed pattern documentation lives in references/details.md . Read that file when the navigation tier above is insufficient. Best Practices Do's Use Expo Faster development, OTA updates, managed native code FlashList over FlatList Better performance for long lists Memoize components Prevent unnecessary re renders Use Reanimated 60fps animations on native thread Test on real devices Simulators miss real world issues Don'ts Don't inline styles Use StyleSheet.create for performance Don't fetch in render Use useEffect or React Query Don't ignore platform differences Test on both iOS and Android Don't store secrets in code Use environment variables Don't skip error boundaries Mobile crashes are unforgiving

react-native-architecture