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.