How does this skill handle mobile navigation?

It leverages Expo Router for modern, file-based routing, supporting stack navigation, tab bars, and dynamic route parameters out of the box.

Does this skill work with the React Native Bare workflow?

Yes, while it emphasizes Expo and EAS for efficiency, the architectural patterns and native module integration strategies are applicable to bare React Native projects.

What is the recommended state management approach?

The skill focuses on an offline-first strategy using TanStack Query (React Query) for server state and AsyncStorage for local persistence.

Can I implement native device features like Biometrics?

Yes, the skill includes specific patterns for integrating Expo's native modules for biometrics, haptics, and push notifications.

React Native & Expo Architecture

Name: React Native & Expo Architecture
Author: Microck

byMicrock

•

Mobile Development

Architects production-grade mobile applications using React Native and Expo with robust patterns for navigation, state, and offline synchronization.

This skill provides a comprehensive architectural blueprint for building high-performance mobile applications. It guides developers through implementing industry-standard patterns such as file-based routing via Expo Router, secure authentication flows, and offline-first data management with TanStack Query. By leveraging best practices for native module integration and cross-platform consistency, this skill helps teams scale mobile projects from initial scaffolding to CI/CD-ready production releases.

主要功能

01Protected authentication flows and secure storage patterns

02Offline-first data persistence with React Query and AsyncStorage

03Native module integration for haptics, biometrics, and notifications

04Platform-specific optimization and performance patterns

05Production-ready project structure and file-based routing

062 GitHub stars

使用场景

01Implementing complex navigation hierarchies and deep-linking

02Building robust offline-capable applications for unreliable networks

03Scaffolding a new enterprise-grade Expo or React Native mobile project

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add microck/opendots-microck react-native-architecture

For use in Claude.ai and ChatGPT

主要功能

01Protected authentication flows and secure storage patterns

02Offline-first data persistence with React Query and AsyncStorage

03Native module integration for haptics, biometrics, and notifications

04Platform-specific optimization and performance patterns

05Production-ready project structure and file-based routing

062 GitHub stars

使用场景

01Implementing complex navigation hierarchies and deep-linking

02Building robust offline-capable applications for unreliable networks

03Scaffolding a new enterprise-grade Expo or React Native mobile project

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add microck/opendots-microck react-native-architecture

For use in Claude.ai and ChatGPT