How does it handle offline data?

The skill implements an offline-first approach using React Query with AsyncStorage persistence, supporting background syncing and optimistic UI updates.

Does this skill support Expo Router?

Yes, it includes comprehensive patterns for file-based navigation using Expo Router, including dynamic routes, shared layouts, and programmatic navigation.

Is the architecture compatible with both iOS and Android?

Absolutely. All patterns are designed for cross-platform compatibility, including specific techniques for handling platform-specific code and styling requirements.

Can it help with native device features?

Yes, it provides implementation patterns for native integrations including Haptics, Local Authentication (Biometrics), and Push Notifications via Expo modules.

React Native Architecture

Name: React Native Architecture
Author: EngineerWithAI

byEngineerWithAI

0•

Mobile Development

Architects production-grade React Native applications using Expo, modern navigation patterns, and offline-first data strategies.

This skill provides a comprehensive framework for building scalable, high-performance mobile applications using the React Native and Expo ecosystem. It guides Claude in implementing complex navigation structures with Expo Router, secure authentication flows using SecureStore, and robust offline-first architectures with React Query. By leveraging standardized project structures, native module integrations, and platform-specific optimizations, it ensures the generation of production-ready code that follows industry best practices for mobile engineering.

Key Features

010 GitHub stars

02File-based routing patterns with Expo Router

03Offline-first state management and optimistic UI updates

04Secure authentication and persistent storage implementation

05Native module integration for haptics, biometrics, and notifications

06Cross-platform UI patterns with platform-specific optimizations

Use Cases

01Bootstrapping a new Expo-based mobile project with scalable folder structures

02Building data-intensive apps that require seamless offline synchronization

03Implementing complex navigation flows including tabs, stacks, and modals

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add engineerwithai/engineerwith-agents react-native-architecture

For use in Claude.ai and ChatGPT

Download Skill