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

0•

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.

主な機能

01Native module implementation for biometrics, haptics, and notifications

02Cross-platform component patterns and performance optimization

03Offline-first data synchronization with React Query and AsyncStorage

04Secure authentication flows using Expo SecureStore and route protection

05File-based navigation patterns using Expo Router

060 GitHub stars

ユースケース

01Integrating native device features like FaceID or Push Notifications into a React Native app

02Bootstrapping a new professional Expo project with a scalable folder structure

03Implementing complex offline-syncing capabilities for data-intensive mobile apps

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add as4584/antigravity-skills react-native-architecture

For use in Claude.ai and ChatGPT

Download Skill