react-native-expo-patterns

Reference Expo Router, TanStack Query, and native module patterns for React Native apps.

5|Updated Mar 30, 2026
One-click install
npx skills add https://github.com/jeanpaulsio/nunchuck-skills --skill react-native-expo-patterns
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-native-expo-patterns
Source: https://github.com/jeanpaulsio/nunchuck-skills/tree/main/skills/react-native-expo-patterns
Command: npx skills add https://github.com/jeanpaulsio/nunchuck-skills --skill react-native-expo-patterns

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a central, practical reference for building robust React Native apps with Expo, consolidating routing, data handling, styling, accessibility, and deployment patterns.

Core Features & Use Cases

  • Expo Router v7 patterns for screen structure and navigation.
  • TanStack Query with offline persistence and performance optimizations.
  • Native module integration, styling with NativeWind, and accessibility practices across iOS/Android.
  • Real-world use cases include scalable app architectures, rapid prototyping, and production-grade deployments.

Quick Start

Start by opening an Expo project and applying the Expo Router structure, offline data patterns, and styling guidelines from this reference.

Frequently Asked Questions about react-native-expo-patterns

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

FAQPage Schema
How do I structure React Native Expo Router v7 patterns for production apps?▼

You structure Expo Router v7 patterns by applying screen structure and navigation guidelines for scalable architectures and cross-platform mobile deployments using Expo SDK 55+ and RN 0.83+.

What is the best way to implement TanStack Query offline persistence in React Native?▼

TanStack Query offline persistence in React Native is implemented using data fetching patterns optimized for performance, ensuring data availability across iOS and Android without constant network connectivity.

Can I use NativeWind styling with accessibility practices across iOS and Android in Expo?▼

Yes, you can use NativeWind styling combined with accessibility practices across iOS and Android in Expo, applying native module integration for robust cross-platform user interfaces.

Does this Expo production guide support EAS release pipeline and error tracking?▼

Yes, this Expo production guide supports the EAS release pipeline and error tracking, providing testing and deployment patterns aligned with Expo SDK 55+ and React Native 0.83+ for production-grade releases.

How do I handle deep linking and native module integration in a React Native Expo app?▼

Deep linking and native module integration in a React Native Expo app are handled through specific routing and native integration patterns designed for cross-platform iOS and Android environments.