Can I use this for both iOS and Android development?

Absolutely. All patterns and native module integrations are designed for cross-platform compatibility across both iOS and Android.

Does this skill work with Expo Router?

Yes, it includes specific patterns for file-based routing, tab navigation, and dynamic parameters using the modern Expo Router library.

How does it handle offline data synchronization?

The skill utilizes React Query combined with AsyncStorage persistence to provide a robust offline-first experience including optimistic UI updates.

Does it include security best practices?

Yes, it provides patterns for secure token storage using Expo SecureStore and protected route logic for authentication flows.

React Native Architecture Patterns

Name: React Native Architecture Patterns
Author: gwickman

bygwickman

0•

Mobile Development

Architects production-grade React Native applications using Expo, advanced navigation, and offline-first state management patterns.

This skill provides a comprehensive framework for building high-performance mobile applications using React Native and the Expo ecosystem. It guides developers through establishing scalable project structures, implementing complex navigation with Expo Router, and managing secure authentication flows. By leveraging industry-standard patterns such as offline-first synchronization with React Query and native module integration for biometrics and notifications, it ensures that mobile projects remain maintainable, performant, and ready for production deployment.

主要功能

01Modular project structure for scalable Expo applications

02Advanced Expo Router navigation and dynamic routing patterns

03Offline-first architecture with React Query and persistence

04Secure authentication flows using Expo SecureStore and state management

05Native module integration for haptics, biometrics, and push notifications

060 GitHub stars

使用场景

01Starting a new production-ready cross-platform mobile application

02Implementing robust offline data synchronization for mobile users

03Integrating native device features like biometrics and haptic feedback

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add gwickman/auto-dev-test-target-1 react-native-architecture

For use in Claude.ai and ChatGPT

Download Skill