Does this skill support both Expo and bare React Native?

While the skill prioritizes Expo for its ease of development and EAS services, the architectural patterns and state management logic are highly applicable to bare React Native projects.

How does it handle offline data synchronization?

It leverages TanStack Query (React Query) combined with AsyncStorage persistence to manage caching, background syncing, and optimistic UI updates.

Which navigation library is recommended by this skill?

The skill focuses on Expo Router, which provides a modern file-based routing system similar to Next.js, built on top of React Navigation.

Is authentication security covered?

Yes, it includes patterns for using Expo SecureStore for sensitive tokens and context-based providers to protect private routes.

React Native Architecture

Name: React Native Architecture
Author: EricGrill

byEricGrill

•

Mobile Development

Builds production-ready React Native applications using Expo, modern navigation patterns, and offline-first data synchronization.

This skill provides a comprehensive architectural blueprint for developing high-performance, cross-platform mobile applications with React Native and Expo. It streamlines the implementation of complex features such as Expo Router navigation, secure authentication flows, and native hardware integrations like biometrics and haptics. By emphasizing offline-first patterns via React Query and robust directory structures, it helps developers transition from simple prototypes to scalable, production-grade mobile software while maintaining code quality and performance.

Key Features

01Offline-first state management with React Query and persistence

02Native module integrations for biometrics, haptics, and notifications

03Secure authentication patterns using SecureStore and protected routes

042 GitHub stars

05Standardized project structure for enterprise-scale mobile development

06File-based routing with Expo Router and deep linking integration

Use Cases

01Architecting a new enterprise-scale Expo application from scratch

02Implementing complex navigation layouts with dynamic routing and modals

03Adding offline synchronization and optimistic UI updates to an existing app

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ericgrill/agents-skills-plugins react-native-architecture

For use in Claude.ai and ChatGPT

Download Skill