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.