React Native App

This covers the core patterns you'll need for React Native development: setting up navigation with React Navigation, managing state with Redux or Context API, integrating APIs with proper error handling, and building functional components with hooks. The reference guides walk through each piece with complete implementations, from stack and tab navigators to Redux slices and async actions. What stands out is the focus on real-world concerns like platform-specific code, memory management, and testing on actual devices. If you're building a cross-platform mobile app and want guidance on structuring it with modern patterns rather than just basic component syntax, this gives you the scaffolding.

skills.sh installs: 508
GitHub stars: 379
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add aj-geddes/useful-ai-prompts --skill react-native-app --agent claude-code

Installs into .claude/skills of the current project.

Files

Overview

Create robust cross-platform mobile applications using React Native with modern development patterns including navigation, state management, API integration, and native module handling.

When to Use

Building iOS and Android apps from single codebase
Rapid prototyping for mobile platforms
Leveraging web development skills for mobile
Sharing code between React Native and React Web
Integrating with native modules and APIs

Quick Start

Minimal working example:

// Navigation with React Navigation
import React from "react";
import { NavigationContainer } from "@react-navigation/native";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import { Ionicons } from "@expo/vector-icons";

const Stack = createNativeStackNavigator();
const Tab = createBottomTabNavigator();

SKILL.md on GitHub