Can I use this for native feature integration?

Absolutely. It provides standardized patterns for interacting with native APIs like Biometrics, Haptics, and Push Notifications using Expo's modular ecosystem.

Does this skill support bare React Native projects?

While the skill is optimized for Expo and EAS, the core architectural patterns, state management strategies, and React Native principles are applicable to bare projects with minor adjustments.

How is offline data handled in this architecture?

It utilizes an offline-first strategy using TanStack Query combined with an AsyncStorage persister to ensure data remains available and consistent even without a network connection.

Does this include navigation for complex app structures?

Yes, it specifically implements Expo Router patterns for handling nested tab and stack navigation, dynamic routes, and protected authentication groups.

React Native Architecture

Name: React Native Architecture
Author: nguyendinhquocx

bynguyendinhquocx

0•

Mobile Development

Builds production-grade React Native applications using Expo, modern navigation patterns, and robust offline-first data strategies.

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 navigation using Expo Router, manages secure authentication flows, and establishes reliable offline-first synchronization using TanStack Query and AsyncStorage. By offering standardized patterns for native module integration—including haptics, biometrics, and push notifications—alongside platform-specific optimizations, it helps developers build scalable, maintainable mobile apps that deliver a truly native feel on both iOS and Android.

主な機能

01Cross-platform UI patterns and platform-specific code optimization

02Native module integration for biometrics, haptics, and notifications

030 GitHub stars

04Advanced Expo Router navigation patterns for complex app structures

05Secure authentication workflows with route protection and SecureStore

06Offline-first state management with TanStack Query and persistence

ユースケース

01Bootstrapping new production-ready Expo or React Native projects

02Implementing robust offline data synchronization and caching

03Integrating complex native device features into a cross-platform app

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nguyendinhquocx/code-ai react-native-architecture

For use in Claude.ai and ChatGPT

Download Skill