Is this suitable for both iOS and Android?

Yes, the patterns are designed for cross-platform compatibility, including specific logic for handling platform-specific differences using the React Native Platform API.

Can I use this for offline-first applications?

Absolutely. It provides configurations for TanStack Query with AsyncStorage persisters to handle offline data caching and optimistic updates.

Does this skill support Expo Router?

Yes, it includes specific implementation patterns for Expo Router's file-based navigation, including tabs, stacks, and dynamic routing.

How does it handle app security and authentication?

The skill includes a robust AuthProvider pattern using Expo SecureStore for token management and segments-based route protection.

Does it cover native module integration?

Yes, it provides code patterns for common native features like Haptics, Local Authentication (Biometrics), and Push Notifications using Expo APIs.

React Native Architecture

Name: React Native Architecture
Author: as4584

byas4584

Mobile Development

Architects production-grade mobile applications using Expo, React Native, and offline-first design patterns.

关于

This skill provides comprehensive, production-ready patterns for architecting React Native applications within the Expo ecosystem. It offers standardized guidance for implementing complex navigation via Expo Router, managing robust state with offline-first synchronization using React Query, and seamlessly integrating native modules such as biometrics and push notifications. Designed for scalability, it enforces a clean project structure and provides platform-specific optimization strategies to ensure high-performance cross-platform mobile development.

主要功能

Native module implementation for biometrics, haptics, and notifications
Cross-platform component patterns and performance optimization
Offline-first data synchronization with React Query and AsyncStorage
Secure authentication flows using Expo SecureStore and route protection
File-based navigation patterns using Expo Router
0 GitHub stars

使用场景

Integrating native device features like FaceID or Push Notifications into a React Native app
Bootstrapping a new professional Expo project with a scalable folder structure
Implementing complex offline-syncing capabilities for data-intensive mobile apps

关于

主要功能

Native module implementation for biometrics, haptics, and notifications
Cross-platform component patterns and performance optimization
Offline-first data synchronization with React Query and AsyncStorage
Secure authentication flows using Expo SecureStore and route protection
File-based navigation patterns using Expo Router
0 GitHub stars

使用场景

Integrating native device features like FaceID or Push Notifications into a React Native app
Bootstrapping a new professional Expo project with a scalable folder structure
Implementing complex offline-syncing capabilities for data-intensive mobile apps