react-native

Develops cross-platform mobile apps with React Native, Expo, navigation, animations, and EAS Build deployment.

6|1|Updated Feb 27, 2026
One-click install
npx skills add https://github.com/RepairYourTech/cfsa-antigravity --skill react-native-repairyourtech
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-native
Source: https://github.com/RepairYourTech/cfsa-antigravity/tree/main/.agent/skill-library/stack/mobile/react-native
Command: npx skills add https://github.com/RepairYourTech/cfsa-antigravity --skill react-native-repairyourtech

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance for developing cross-platform mobile applications using React Native, covering setup, navigation, performance optimization, and deployment.

Core Features & Use Cases

  • Cross-Platform Development: Build for both iOS and Android from a single codebase.
  • Expo vs. Bare Workflow: Guidance on choosing the right setup for your project.
  • Performance Optimization: Techniques for smooth scrolling, efficient rendering, and faster load times.
  • Native Module Integration: Strategies for incorporating native platform features.
  • Deployment: Streamlined processes for building and releasing apps using EAS Build and OTA updates.
  • Use Case: Develop a new mobile application that needs to function identically on both iOS and Android devices, leveraging native device features where necessary and ensuring a high-performance user experience.

Quick Start

Use the react-native skill to create a new Expo project named 'my-awesome-app'.

Frequently Asked Questions about react-native

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

FAQPage Schema
How do I optimize React Native performance for smooth scrolling and faster load times?▼

Optimize React Native performance using FlatList for efficient scrolling and applying memoization techniques to prevent unnecessary re-renders. This Skill guides you through tuning animations with Reanimated and Gesture Handler to achieve a high-performance user experience.

Should I use Expo or bare workflow for cross-platform mobile development?▼

Choosing between Expo and bare workflow for cross-platform mobile development depends on your project needs. This Skill provides guidance on selecting the right setup, targeting Expo SDK 50+ and React Native 0.73+ for streamlined native module integration.

What is the best way to deploy a React Native app with EAS Build?▼

The best way to deploy a React Native app is using EAS Build for streamlined building and releasing. This Skill guides you through the deployment process, including OTA updates, to efficiently publish your cross-platform application to iOS and Android.

How do I implement navigation in a React Native Expo project?▼

Implement navigation in a React Native Expo project using Expo Router. This Skill provides comprehensive guidance on setting up routing within your cross-platform mobile application to ensure seamless user transitions.

Can I use platform-specific code in a cross-platform React Native app?▼

Yes, you can use platform-specific code in a cross-platform React Native app. This Skill offers strategies for incorporating native platform features and native module integration, allowing your application to function identically on iOS and Android.

How do I create smooth animations in React Native using Reanimated?▼

Create smooth animations in React Native using Reanimated and Gesture Handler. This Skill guides you through performance tuning techniques to ensure your mobile app delivers high-performance visual interactions without dropping frames.