react-native-architecture

Structure a React Native app for offline sync by integrating React Query to handle offline-first data synchronization and optimistic updates. This architecture leverages Expo Router to ensure navigation and state management remain scalable and maintainable across platforms.

The best way to set up Expo Router for cross-platform mobile development is using Expo for simplified project configuration and EAS Build for deployment. This approach provides pre-configured navigation structures tailored for scalable React Native applications.

Integrate native modules like biometrics and haptics in React Native by applying established architectural patterns. This Skill provides specific integration patterns to safely connect native device features within a unified cross-platform codebase.

Yes, you can use React Query for state management in an Expo application. It handles offline-first data synchronization and optimistic updates, which streamlines state management and facilitates robust data fetching in production-grade React Native apps.

A production-grade React Native architecture does require platform-specific code to handle native integrations like biometrics and haptics. This Skill structures code to maintain cross-platform compatibility while facilitating necessary platform-specific implementations.

You need offline-first data synchronization in mobile development when applications must operate without consistent network connectivity. Implementing this with React Query allows your app to manage local data and sync optimistically once connectivity is restored.