How does it handle offline data synchronization?

It implements an offline-first strategy using TanStack Query (React Query) combined with AsyncStorage for persistent caching and optimistic UI updates during network transitions.

Is navigation included in this architecture?

Yes, it provides detailed implementation patterns for file-based routing using Expo Router, including tab navigation, stacks, and dynamic routing.

Does this skill support bare React Native projects?

While it focuses on the Expo ecosystem for its streamlined workflow and EAS services, the architectural patterns and React Native logic provided can be easily adapted for bare workflow projects.

Can I use it to implement native features like Biometrics?

Absolutely. The skill includes specific patterns for integrating native modules such as Haptics, Local Authentication (Biometrics), and Push Notifications via Expo's specialized libraries.

React Native Architecture

Name: React Native Architecture
Author: duanbiao2000

byduanbiao2000

0•

Mobile Development

Architects production-grade React Native applications using Expo, modular directory structures, and robust offline-first patterns.

This skill provides a comprehensive architectural framework for developing high-performance, cross-platform mobile applications with React Native and Expo. It guides developers through implementing scalable project structures, complex navigation using Expo Router, secure authentication flows, and robust offline-first synchronization with TanStack Query. By leveraging best practices for native module integration (haptics, biometrics, notifications) and platform-specific optimizations, it streamlines the transition from initial setup to a production-ready mobile release with enterprise-grade stability.

Key Features

01Secure authentication flows with protected route management

02Standardized src/app directory structure for scalable mobile projects

03Ready-to-use patterns for native features like biometrics and push notifications

04Advanced file-based navigation patterns using Expo Router

050 GitHub stars

06Offline-first data synchronization using TanStack Query and persistent storage

Use Cases

01Implementing complex offline-sync capabilities and optimistic UI updates

02Bootstrapping a new Expo project with production-ready architecture and TypeScript

03Integrating native device capabilities like Haptics and Local Authentication

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add duanbiao2000/obsidiandoc26 react-native-architecture

For use in Claude.ai and ChatGPT

Download Skill