react-native

Develop cross-platform iOS and Android apps with React Native and Expo.

14|5|Updated Jan 29, 2026
One-click install
npx skills add https://github.com/oakoss/agent-skills --skill react-native-oakoss
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-native
Source: https://github.com/oakoss/agent-skills/tree/main/skills/react-native
Command: npx skills add https://github.com/oakoss/agent-skills --skill react-native-oakoss

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the development of cross-platform native mobile applications for iOS and Android using the Expo framework and React Native.

Core Features & Use Cases

  • Cross-Platform Development: Build a single TypeScript codebase that runs natively on both iOS and Android.
  • Expo Router: Implement file-based navigation (stack, tabs, drawer) for intuitive app structure.
  • EAS Build & Updates: Utilize cloud services for building, submitting to app stores, and deploying over-the-air (OTA) updates.
  • Native Device APIs: Integrate device features like camera, notifications, and haptics.
  • Styling: Apply Tailwind CSS with NativeWind for efficient styling.
  • Use Case: Develop a new mobile e-commerce app, manage its build and deployment pipeline, and push updates seamlessly without requiring users to download a new version from the app store.

Quick Start

Use the react-native skill to create a new Expo project with Expo Router and NativeWind configured.

Frequently Asked Questions about react-native

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

FAQPage Schema
How do I build cross-platform mobile apps for iOS and Android using a single codebase?

You can build cross-platform mobile apps for iOS and Android using a single TypeScript codebase with React Native and the Expo framework. This approach lets you compile one project into native applications for both platforms simultaneously.

Can I use file-based navigation with Expo Router for stack, tabs, and drawer layouts?

File-based navigation with Expo Router supports stack, tabs, and drawer layouts for intuitive app structure. You define your routes as files and the router automatically maps them to the corresponding navigation patterns.

How do I deploy OTA updates to a React Native app without app store releases?

OTA updates in React Native are deployed using EAS (Expo Application Services). You push JavaScript bundle updates directly to user devices over the air, bypassing the app store review process for quick bug fixes and content changes.

Does NativeWind work with Expo for styling mobile app components?

NativeWind works with Expo to apply Tailwind CSS utility classes for styling mobile app components. It brings the familiar web styling workflow directly into your React Native components for efficient UI development.

How do I integrate native device APIs like the camera and haptics in an Expo app?

Native device APIs like the camera, notifications, and haptics are integrated in Expo apps using the framework's modular SDK. You import the specific API modules to access underlying iOS and Android hardware features directly from TypeScript.

What is the best way to manage cloud builds and app store submissions for React Native?

The best way to manage cloud builds and app store submissions for React Native is using EAS Build. It compiles your app in the cloud and submits the binary directly to the App Store and Google Play, streamlining the entire deployment pipeline.