What navigation library is recommended by this skill?

It focuses on Expo Router, which provides file-based routing and seamless integration with the Expo ecosystem.

Does it include patterns for native hardware features?

Yes, it provides implementation patterns for Haptics, Biometrics (LocalAuthentication), and Push Notifications using Expo modules.

How does this handle offline data management?

It utilizes TanStack Query (React Query) combined with an AsyncStorage persister to enable an offline-first experience with automatic synchronization.

Does this skill support Bare React Native projects?

While the skill is optimized for Expo-based workflows and EAS, the core architectural patterns and React components are highly applicable to bare React Native projects.

React Native Architecture

Name: React Native Architecture
Author: 3commas-io

by3commas-io

0•

Mobile Development

Architect and build production-grade mobile applications using React Native and Expo with industry-standard patterns.

This skill provides a comprehensive framework for developing robust, scalable mobile applications. It covers essential architectural concerns including project structuring, deep integration with Expo Router for navigation, secure authentication flows, and offline-first data management using React Query. By following these production-ready patterns, developers can efficiently handle native module integrations, platform-specific UI logic, and cross-platform performance optimizations within the React Native ecosystem.

Características Principales

01Offline-first state management with React Query and AsyncStorage persistence

02Native module integration for biometrics, haptics, and push notifications

030 GitHub stars

04Advanced Expo Router navigation and deep linking patterns

05Secure authentication flows and protected route implementations

06Platform-specific component optimization and CI/CD best practices

Casos de Uso

01Architecting secure authentication systems using Expo SecureStore and route segments

02Implementing complex offline-sync and optimistic UI updates for mobile apps

03Bootstrapping new Expo projects with a standardized production-ready folder structure

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add 3commas-io/commas-claude react-native-architecture

For use in Claude.ai and ChatGPT

Download Skill