tranhieutt/react-native-architecture

name: react-native-architecture type: reference description: "Provides React Native architecture patterns for navigation, state management, native module integration, offline sync, and Expo workflows. Use when working with React Native files or when the user mentions React Native, Expo, or mobile app." paths: ["/*.tsx", "/.jsx", "/app.json", "/metro.config.", "**/expo.config.*"] when_to_use: "When developing React Native or Expo mobile apps, implementing native modules, navigation, or cross-platform patterns" allowed-tools: Read, Glob, Grep, Write, Edit, Bash user-invocable: true effort: 4

React Native Architecture

Production-ready patterns for React Native development with Expo, including navigation, state management, native modules, and offline-first architecture.

Use this skill when

• Starting a new React Native or Expo project
• Implementing complex navigation patterns
• Integrating native modules and platform APIs
• Building offline-first mobile applications
• Optimizing React Native performance
• Setting up CI/CD for mobile releases

Do not use this skill when

• The task is unrelated to react native architecture
• You need a different domain or tool outside this scope

Instructions

• Clarify goals, constraints, and required inputs.
• Apply relevant best practices and validate outcomes.
• Provide actionable steps and verification.
• If detailed examples are required, open resources/implementation-playbook.md.

Resources

• resources/implementation-playbook.md for detailed patterns and examples.

When to Use

• Use when Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecti...