react-native

Build native iOS and Android apps with React Native and the Expo framework.

Updated Aug 28, 2026
One-click install
npx skills add https://github.com/Yash-Awasthi/adapfit --skill react-native-yash-awasthi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-native
Source: https://github.com/Yash-Awasthi/adapfit/tree/main/.agents/skills/react-native
Command: npx skills add https://github.com/Yash-Awasthi/adapfit --skill react-native-yash-awasthi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Building mobile apps for both iOS and Android normally requires maintaining two native codebases and navigating complex build, submission, and update pipelines. This Skill provides structured guidance for developing universal apps from a single TypeScript codebase using React Native with Expo, covering navigation, native device APIs, cloud builds, and over-the-air updates. ## Core Features & Use Cases - Expo Router Navigation: Implement file-based routing with stack, tab, and drawer navigators, typed routes, deep linking, and route groups. - EAS Build, Submit, and Update: Configure cloud build profiles, automate app store submission, and ship JavaScript-only OTA updates without app store review. - Native Modules and Device APIs: Create Swift/Kotlin modules with the Expo Modules API, use expo-dev-client for custom native code, and integrate camera, push notifications, haptics, location, and secure storage. - Use Case: A team building a cross-platform fitness app can scaffold tab-based navigation with Expo Router, integrate camera-based barcode scanning and push notification reminders, then ship production builds to both app stores via EAS and push bug fixes instantly with OTA updates. ## Quick Start Use the react-native skill to set up an Expo app with tab navigation and configure an EAS production build profile.

Frequently Asked Questions about react-native

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

FAQPage Schema
How do I set up file-based navigation in Expo Router?▼

Expo Router maps files in the app directory directly to routes. Create a _layout.tsx file exporting a Stack or Tabs navigator, add route files like index.tsx or profile.tsx, and use router.push() or the Link component for programmatic navigation.

How to publish OTA updates with EAS Update?▼

Run eas update --branch production with a message to publish JavaScript and asset changes without app store review. OTA updates only work for JS changes; native dependency modifications require a new build via eas build.

When should I use expo-dev-client instead of Expo Go?▼

Use expo-dev-client when your project includes native libraries not bundled in Expo Go, custom native modules built with the Expo Modules API, or config plugins modifying native project settings. Build a development profile with eas build and start with expo start --dev-client.

Does Expo support push notifications on both iOS and Android?▼

Yes, expo-notifications handles local and push notifications on both platforms. Request permissions, configure an Android notification channel, and retrieve an Expo push token via getExpoPushTokenAsync using your EAS project ID.

FlatList vs FlashList for large lists in React Native?▼

FlatList is the built-in virtualized list suitable for most datasets, while FlashList from Shopify uses cell recycling for better performance on lists over 100 items. FlashList requires an estimatedItemSize prop for optimal recycling.

Why is my OTA update not applying after a native dependency change?▼

EAS Update only delivers JavaScript and asset changes, so native dependency modifications are ignored by existing builds. Use the fingerprint runtime version policy to detect native changes automatically and publish a new build with eas build instead.