skills.rest
allen-hsu
allen-hsuCOMMUNITY
Explore all skills by this author →
GitHub

developing-react-native

Implement React Native architecture patterns for Expo-based projects.

1|Updated Dec 31, 2025
Search Tags:#testing#architecture#patterns#navigation#react-native#state-management#expo
One-click install
npx skills add https://github.com/allen-hsu/agent-arsenal --skill developing-react-native
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: developing-react-native
Source: https://github.com/allen-hsu/agent-arsenal/tree/main/plugins/react-native-mobile/skills/developing-react-native
Command: npx skills add https://github.com/allen-hsu/agent-arsenal --skill developing-react-native

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React Native architecture and development patterns for production-grade mobile apps, offering a clear, scalable blueprint to reduce complexity and accelerate delivery.

Core Features & Use Cases

  • Architecture blueprint for building robust RN apps with Expo Router, NativeWind, i18n, and modern tooling.
  • Guidance on state management, navigation, forms, testing patterns, accessibility, and internationalization, with concrete examples.
  • Use cases include starting a new project, refactoring an existing app, or mentoring teams on mobile engineering best practices.

Quick Start

Create a starter project layout that follows the recommended structure and patterns described above.

Frequently Asked Questions about developing-react-native

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is the best way to structure a production-ready React Native app with Expo Router?▼

This Skill provides an opinionated, scalable architecture blueprint with clear layer boundaries and consistent naming for Expo Router projects, reducing complexity and accelerating delivery of production-ready React Native apps.

How do I implement state management and navigation patterns in React Native?▼

You implement state management and navigation in React Native by applying the provided concrete development patterns, ensuring consistent data flow and routing structure across your Expo-based mobile application.

Can I use this architecture pattern for refactoring an existing React Native app?▼

Yes, this architecture blueprint supports refactoring existing React Native apps, starting new projects, or mentoring teams by providing an opinionated, scalable structure with clear layer boundaries and ready-to-use code patterns.

Does this React Native architecture include internationalization and testing patterns?▼

Yes, the React Native architecture includes concrete guidance and code patterns for internationalization (i18n), testing, forms, and accessibility to ensure comprehensive coverage for production-grade mobile apps.

What testing patterns are recommended for React Native apps using NativeWind and Expo?▼

Recommended testing patterns for React Native apps using NativeWind and Expo include ready-to-use code examples for forms, navigation, and state management, conforming to an opinionated structure with clear layer boundaries.

Related Skills

Explore More Software Engineering Skills→
shahmirerrorshahmirerror

revenuecat

Configure RevenueCat in-app purchases for Expo/React Native apps.

Community
Advanced
leonardoteodorooleonardoteodoroo

react-native-architecture

Create React Native app architectures with Expo Router and native modules.

Community
Advanced
skillcreatoraiskillcreatorai
1.1k

expo-app-design

Configure Expo Router and NativeWind for cross-platform React Native app development.

Community
Basic
EngineerWithAIEngineerWithAI
4

react-native-architecture

Configure Expo projects with Expo Router, React Query, and EAS builds.

Official
Advanced