react-native-development

Standardize React Native screen architecture and navigation patterns across iOS and Android.

Updated Apr 25, 2026
One-click install
npx skills add https://github.com/Tiepbm/software-engineering-agent --skill react-native-development-tiepbm
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-native-development
Source: https://github.com/Tiepbm/software-engineering-agent/tree/main/skills/react-native-development
Command: npx skills add https://github.com/Tiepbm/software-engineering-agent --skill react-native-development-tiepbm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Guides teams to deliver reliable, cross-platform React Native apps by unifying screen architecture, navigation patterns, and platform differences, including native modules, permissions, and performance considerations.

Core Features & Use Cases

  • Standardized screen architecture and navigation contracts to reduce complexity and improve maintainability.
  • Guidance on Expo vs bare workflow decisions, and when to adopt the New Architecture (Fabric/TurboModules/Hermes).
  • Best practices for native module integration, permissions handling, offline support, network state awareness, performance optimization, OTA updates, and production debugging across iOS and Android.

Quick Start

To start, initialize a React Native project with a clear architecture template and document the navigation scheme and native module interfaces.

Frequently Asked Questions about react-native-development

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

FAQPage Schema
How do I standardize React Native screen architecture and navigation patterns?

Standardize React Native screen architecture by applying unified navigation contracts and structural templates to reduce complexity. This enforces maintainable screen hierarchies and consistent routing behavior across iOS and Android platforms.

When should I adopt the React Native New Architecture with Fabric and TurboModules?

Adopt the React Native New Architecture, including Fabric and TurboModules, when you need advanced native module integration and performance optimizations. It requires evaluating Hermes engine benefits and ensuring production-ready behavior across iOS and Android.

What is the best way to decide between Expo and bare workflow for React Native development?

The best way to decide between Expo and bare workflow is by evaluating your native module integration requirements and platform differences. Choose bare workflow when you need custom native code, otherwise Expo streamlines production-ready behavior.

How do I handle platform differences and native permissions in React Native?

Handle React Native platform differences and native permissions by enforcing clear guardrails and validation steps. This ensures consistent offline support, network state awareness, and proper native module interfaces across iOS and Android.

How do I optimize React Native performance and debugging for production releases?

Optimize React Native performance and production debugging by applying best practices for OTA updates and network state awareness. Enforce release-readiness with validation steps to ensure reliable cross-platform behavior before deployment.