react-native

Architect React Native and Expo mobile apps with navigation, offline data, and platform-specific patterns.

4|Updated Feb 12, 2026

Search Tags:#navigation #react-native #native-modules #offline-first #expo #expo-router

Ready to run

npx skills add https://github.com/rbaumier/skills --skill react-native-rbaumier

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: react-native
Source: https://github.com/rbaumier/skills/tree/main/react-native
Command: npx skills add https://github.com/rbaumier/skills --skill react-native-rbaumier

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React Native and Expo app development is complex and error-prone without a guided architecture; this skill provides a structured set of conventions, patterns, and playbooks to build scalable mobile apps efficiently.

Core Features & Use Cases

Expo Router-based navigation with file-based routes for scalable mobile architectures
Offline-first data handling using caching, networking resilience, and React Query patterns
Native module integration and platform-specific optimizations for iOS/Android
Push notifications, deep linking, and authentication guards patterns
Clear project structure and best practices, including modular screens, components, and services

Quick Start

Create a new Expo project, configure Expo Router, and follow the implementation playbook to set up screens, navigation, and core services.

Frequently Asked Questions about react-native

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

FAQPage Schema

How do I structure a scalable React Native app with Expo Router?▼

Structure scalable React Native apps using Expo Router by adopting a modular project organization with separate screens, components, and services. This approach applies file-based routing patterns to manage complex navigation stacks, tabs, and modals efficiently.

What's the best way to implement offline-first data flows in React Native?▼

Implement offline-first data flows in React Native by applying caching strategies, networking resilience patterns, and React Query configurations. This ensures mobile apps maintain data availability and synchronization when network connectivity is unstable or unavailable.

How does Expo Router handle complex navigation patterns like tabs and modals?▼

Expo Router handles complex navigation by using file-based routes to define tabs, stacks, and modals declaratively. This structured routing pattern simplifies scalable mobile architectures and manages screen transitions within the application.

Can I integrate native modules and platform-specific code in an Expo app?▼

Yes, you can integrate native modules and platform-specific code in an Expo app. The skill provides patterns for bridging native functionality and applying platform-specific optimizations for both iOS and Android environments.

How do I set up push notifications and deep linking in React Native?▼

Set up push notifications and deep linking in React Native by following structured implementation patterns. The playbook covers configuring notification services and routing deep links to specific screens using Expo Router conventions.

What patterns exist for authentication guards in Expo Router?▼

Authentication guards in Expo Router protect routes by intercepting navigation requests and verifying user session state. This pattern ensures unauthorized users are redirected before accessing protected screens in the mobile app.