react-native

Implement scalable Expo Router-based React Native patterns for routing, data flows, and UI.

Updated Jan 28, 2025
One-click install
npx skills add https://github.com/aslaii/dotfiles --skill react-native-aslaii
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-native
Source: https://github.com/aslaii/dotfiles/tree/main/claude/skills/react-native
Command: npx skills add https://github.com/aslaii/dotfiles --skill react-native-aslaii

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provides structured guidance and reusable patterns for building Expo Router-based React Native apps, helping teams implement scalable routing, data flows, and testing practices with consistency.

Core Features & Use Cases

  • Expo Router file-based routing patterns for screen organization and navigation.
  • End-to-end architecture guidance for data fetching (TanStack Query), state management (Zustand), forms (zod + react-hook-form), i18n, and UI (React Native Paper).
  • Use Case: you are building a multi-screen app and need a coherent blueprint to align routing, data layers, localization, and tests across features.

Quick Start

Organize your Expo Router project with a consistent folder structure, shared hooks, and pattern references.

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 multi-screen Expo Router app for scalability?

Structure a multi-screen Expo Router app by applying file-based routing patterns and shared hooks to align navigation, data layers, and localization. This approach enforces a consistent folder organization and provides a cohesive blueprint for complex React Native applications.

What is the best way to manage data fetching and state in React Native with Expo Router?

Manage data fetching and state in Expo Router apps by integrating TanStack Query for data fetching and Zustand for state management. These architectural patterns ensure consistent data flows and scalable state handling across multiple app screens.

Can I use this Expo Router architecture pattern with React Native Paper and react-hook-form?

Yes, the architecture pattern supports React Native Paper for UI components and react-hook-form with zod for forms. It provides end-to-end implementation guidance that seamlessly integrates these libraries into your Expo Router project.

How do you implement localization and testing in a React Native Expo Router project?

Implement localization and testing in an Expo Router project by following guided architectural patterns for i18n and test setups. The blueprint ensures your multi-screen app maintains consistent localization flows and comprehensive testing practices across features.

Do I need specific dependencies to use these guided Expo Router patterns?

You do not need specific bundled dependencies, but the architecture guidance targets standard React Native libraries like TanStack Query, Zustand, zod, and React Native Paper. The patterns provide references for implementing these tools within your Expo Router project.