react-native-expo

Scaffolds cross-platform mobile apps using Expo Managed Workflow, Expo Router, NativeWind, and strict TypeScript.

6|Updated May 18, 2026
One-click install
npx skills add https://github.com/mokhtarabadi/cognitive-lead-hq --skill react-native-expo-mokhtarabadi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-native-expo
Source: https://github.com/mokhtarabadi/cognitive-lead-hq/tree/main/skill-templates/react-native-expo
Command: npx skills add https://github.com/mokhtarabadi/cognitive-lead-hq --skill react-native-expo-mokhtarabadi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building React Native apps with AI assistance often produces hallucinated native code, inconsistent styling, and weak typing. This Skill enforces a strict Expo Managed Workflow with opinionated conventions so generated mobile code stays consistent, typed, and maintainable. ## Core Features & Use Cases - Expo Managed Workflow Enforcement: Bans direct modification of ios/ and android/ native folders, requiring Expo Config plugins instead to prevent hallucinated native configuration. - Opinionated Stack: Mandates Expo Router file-based routing, NativeWind utility styling, Zustand state management, and strict TypeScript across all components and API responses. - Governance Rules: Provides universal DateTime handling (epoch ms normalization, locale-aware formatting) and Jest plus React Native Testing Library testing strategies. - Use Case: When starting a new cross-platform mobile app, apply this Skill so the AI scaffolds an app/ directory with typed routes, NativeWind-styled components, and Zustand stores following a single consistent architecture. ## Quick Start Scaffold a new Expo app with Expo Router, NativeWind, Zustand, and strict TypeScript following this skill's project structure and conventions.

Frequently Asked Questions about react-native-expo

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

FAQPage Schema
How do I structure a React Native Expo project with file-based routing?▼

Use Expo Router with an `app/` directory containing route groups like `(auth)` and `(tabs)`, plus a root `_layout.tsx` for providers. Organize reusable code into `components/`, `hooks/`, `services/`, and `store/` directories.

What styling approach should I use in Expo instead of StyleSheet?▼

Use NativeWind, which brings Tailwind utility classes to React Native. It keeps styles inline as utility classes, reducing line count and token usage compared to StyleSheet.create.

Can I modify the ios and android folders in Expo Managed Workflow?▼

No, this Skill strictly bans modifying `ios/`, `android/`, Podfile, or build.gradle files. Use Expo Config plugins instead to apply native configuration changes safely within the managed workflow.

Zustand vs Redux for React Native state management?▼

This Skill mandates Zustand and avoids Redux. Zustand stores hold timestamps as epoch ms numbers and integrate cleanly with strict TypeScript, requiring far less boilerplate than Redux.

How should I handle timezones in a React Native app?▼

Normalize all API datetimes to epoch ms immediately, store them as numbers in Zustand, and format only at render time using Intl.DateTimeFormat with the timezone from expo-localization. Never hardcode a timezone.