React Native Engineering

Define production patterns for React Native apps with Expo-based architecture.

Updated Jan 26, 2026
One-click install
npx skills add https://github.com/theofernandezz/ai-library --skill react-native-engineering
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: React Native Engineering
Source: https://github.com/theofernandezz/ai-library/tree/main/.opencode/skills/generic/react-native
Command: npx skills add https://github.com/theofernandezz/ai-library --skill react-native-engineering

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Standardizes production practices for React Native apps to ensure consistent architecture, performance, and accessibility across Expo-based projects.

Core Features & Use Cases

  • Explicit navigation param types and type-safe routing.
  • Screen-by-screen folder structure to enforce modular architecture.
  • Native accessibility defaults and platform-aware styling.
  • Performance-conscious lists and runtime validation at boundaries.

Quick Start

Apply the patterns and scaffolding in this skill to a new or existing React Native module to enforce consistency.

Frequently Asked Questions about React Native Engineering

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

FAQPage Schema
How do I structure React Native screens for modular architecture?

React Native screens should use a screen-by-screen folder structure to enforce modular architecture. This pattern isolates components and logic within individual screen directories, ensuring maintainable and scalable Expo-based mobile applications.

How do I type navigation params in React Native with TypeScript?

Navigation params in React Native require explicit TypeScript types to ensure type-safe routing. Defining param types at the route level prevents runtime errors and enforces strict validation when passing data between screens.

What's the best way to handle React Native lists for performance?

Performance-friendly list handling in React Native requires using patterns that minimize re-renders and optimize memory. Applying performance-conscious list components ensures smooth scrolling and efficient rendering across mobile platforms.

Does this React Native skill work with Expo projects?

Yes, these production patterns are designed specifically for Expo-based React Native projects. The architecture, navigation types, and runtime validation boundaries apply directly to Expo modules and mobile app infrastructure.

How do I add native accessibility defaults to React Native components?

Native accessibility defaults in React Native are implemented through platform-aware styling and standard accessibility props. Enforcing these defaults ensures mobile applications meet native accessibility requirements across platforms.

When do I need runtime validation in React Native boundaries?

Runtime validation in React Native boundaries is needed when data crosses between modules or external APIs. Validating data at these boundaries prevents type mismatches and ensures application stability across screen components.