react-native-dev

Guide building and deploying React Native and Expo applications.

Updated Apr 28, 2026
One-click install
npx skills add https://github.com/fengjutian/skills --skill react-native-dev-fengjutian
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-native-dev
Source: https://github.com/fengjutian/skills/tree/main/react-native-dev
Command: npx skills add https://github.com/fengjutian/skills --skill react-native-dev-fengjutian

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires react-native, expo, react-native-reanimated, zustand, jotai, react-query, expo-router, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide for developing React Native and Expo applications, covering UI, animations, state management, networking, performance optimization, and deployment.

Core Features & Use Cases

  • UI Components: Access a wide range of UI components and patterns for building responsive and interactive interfaces.
  • Animations: Implement smooth animations and transitions using Reanimated 3 and other libraries.
  • State Management: Manage state effectively with Zustand, Jotai, and React Query.
  • Networking: Handle data fetching and API interactions with robust patterns.
  • Performance Optimization: Identify and address performance bottlenecks in your applications.
  • Deployment: Learn how to deploy your apps to the App Store/Play Store and set up CI/CD pipelines.

Quick Start

Start a new React Native project using the command: npx create-expo-app@latest my-app --template blank-typescript.

Frequently Asked Questions about react-native-dev

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

FAQPage Schema
How do I build and deploy a React Native app using Expo?

To build and deploy a React Native app using Expo, start with `npx create-expo-app@latest`, implement UI and state management, then follow deployment patterns for the App Store and Play Store, including CI/CD pipeline setup.

What's the best way to manage state in a React Native application?

The best way to manage state in a React Native application is using libraries like Zustand and Jotai for local state, alongside React Query for handling remote data fetching and API interactions.

How do I implement smooth animations in React Native?

To implement smooth animations in React Native, use the Reanimated 3 library, which provides robust patterns for creating fluid transitions and interactive UI components without blocking the main thread.

Can I use Expo Router for navigation in my React Native project?

Yes, you can use Expo Router for navigation in your React Native project. It integrates directly with Expo and React Native to provide file-based routing for your application's UI components.

How do I optimize performance bottlenecks in a React Native app?

To optimize performance bottlenecks in a React Native app, identify rendering and networking inefficiencies, then apply performance optimization patterns using Reanimated 3 and React Query to streamline data fetching and UI updates.

Do I need TypeScript to start a blank Expo project?

You do not strictly need TypeScript to start an Expo project, but using the `blank-typescript` template via `npx create-expo-app@latest` is recommended for robust UI components and state management.