Is this skill compatible with existing React Native projects?

Yes, while excellent for new projects, the architectural patterns for services, hooks, and stores can be integrated into existing React Native or Expo codebases to improve structure.

Can I use native device features like biometrics with this skill?

Absolutely. It includes production patterns for integrating Expo's native modules, including LocalAuthentication (biometrics), Haptics, and Push Notifications.

How does this skill handle navigation in React Native?

The skill utilizes Expo Router, the standard file-based routing system, providing specific patterns for stacks, tabs, and modals, as well as programmatic navigation.

Does this skill support offline data functionality?

Yes, it implements an offline-first architecture using TanStack Query combined with AsyncStorage, allowing apps to function seamlessly without a network connection.

React Native Architecture

Name: React Native Architecture
Author: drgaciw

bydrgaciw

0•

Mobile Development

Architects production-grade React Native applications using Expo, file-based routing, and robust offline-first data patterns.

This skill provides a standardized, professional framework for building high-performance cross-platform mobile applications with React Native and Expo. It streamlines the implementation of complex architectural requirements such as file-based navigation via Expo Router, secure authentication flows using SecureStore, and resilient offline-first data synchronization with TanStack Query. By providing proven patterns for native module integration (haptics, biometrics, notifications) and platform-specific UI logic, this skill helps developers avoid common pitfalls and move rapidly from initial setup to feature-complete, production-ready mobile deployment.

主な機能

01Platform-specific UI optimization and safe area management

02Offline-first state management with TanStack Query persistence

030 GitHub stars

04Native module integration for Biometrics, Haptics, and Push Notifications

05Secure authentication flows and route protection logic

06Expo Router file-based navigation and deep linking patterns

ユースケース

01Initializing a scalable, production-ready Expo mobile project

02Building complex, multi-layered navigation structures with protected routes

03Implementing robust offline capabilities and local data caching

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add drgaciw/academic-compliance-hub-glm react-native-architecture

For use in Claude.ai and ChatGPT

Download Skill