skills.rest
almazom
almazomCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

react-native-dev

Guide React Native and Expo app development across iOS and Android.

Updated Mar 25, 2026
Search Tags:#testing#deployment#navigation#animations#react-native#mobile-development#expo
One-click install
npx skills add https://github.com/almazom/agents_slash_skills --skill react-native-dev-almazom
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-native-dev
Source: https://github.com/almazom/agents_slash_skills/tree/main/react-native-dev
Command: npx skills add https://github.com/almazom/agents_slash_skills --skill react-native-dev-almazom

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This guide consolidates best practices for building production-grade React Native and Expo apps, covering UI components, styling, animations, navigation, state management, forms, networking, performance optimization, testing, and native capabilities, plus engineering aspects like project structure, deployment, and SDK upgrades.

Core Features & Use Cases

  • Comprehensive patterns for building production RN/Expo apps, including UI components, navigation, data handling, testing, and performance tuning.
  • Architecture guidance on project structure, SDK upgrades, and CI/CD pipelines to streamline deployment to App Store/Play Store.
  • Real-world workflows and reusable patterns for performance optimization, offline support, and native module integration.

Quick Start

Start by reviewing the recommended project structure and installing essential dependencies to begin building your RN/Expo app.

Frequently Asked Questions about react-native-dev

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

FAQPage Schema
How do I structure a production-ready React Native and Expo app?▼

A production-ready React Native and Expo app structure requires a coherent project layout that consolidates UI components, navigation, state management, networking, and testing patterns to streamline development and deployment workflows.

What's the best way to handle navigation and animations in React Native?▼

Handling navigation and animations in React Native is best achieved using recommended libraries like Reanimated, which provides performant UI animations, alongside established navigation patterns for seamless iOS and Android mobile app experiences.

How do I manage state and data fetching in Expo applications?▼

State and data fetching in Expo applications are managed using recommended libraries Zustand for state management and React Query for networking, ensuring efficient data handling and offline support patterns.

Can I use this React Native guide for both iOS and Android deployment?▼

Yes, this React Native guide applies to mobile app development across both iOS and Android, providing architecture guidance on CI/CD pipelines and deployment workflows to streamline releases to the App Store and Play Store.

How do I optimize performance and handle SDK upgrades in React Native?▼

Performance optimization and SDK upgrades in React Native involve performance tuning techniques, reusable patterns for FlashList rendering, and structured workflows for upgrading Expo SDKs to maintain production-grade applications.

Related Skills

Explore More Software Engineering Skills→
enact-onenact-on
1

expo

Automate setup, build, and deployment tasks for Expo React Native projects.

Community
Advanced
marcoodignotimarcoodignoti

deployment

Automate multi-platform Expo deployments across iOS, Android, and web.

Community
Advanced
EngineerWithAIEngineerWithAI
4

react-native-architecture

Configure Expo projects with Expo Router, React Query, and EAS builds.

Official
Advanced
Sir-chawakornSir-chawakorn
33

mobile-development

Provide code patterns for React Native and Flutter mobile app development.

Community
Intermediate