react-native-dev

SKILL.md

React Native & Expo Development Guide

A practical guide for building production-ready React Native and Expo applications. Covers UI, animations, state, testing, performance, and deployment.

References

Consult these resources as needed:

references/navigation.md — Expo Router: Stack, Tabs, NativeTabs (headerLargeTitle, headerBackButtonDisplayMode), links, modals, sheets, context menus

references/components.md — FlashList patterns, expo-image, safe areas (contentInsetAdjustmentBehavior), native controls, blur/glass effects, storage

references/styling.md — StyleSheet, NativeWind/Tailwind, platform styles, theming, dark mode

references/animations.md — Reanimated 3: entering/exiting, shared values, gestures, scroll-driven

references/state-management.md — Zustand (selectors, persist), Jotai (atoms, derived), React Query, Context

references/forms.md — React Hook Form + Zod: validation, multi-step, dynamic arrays

references/networking.md — fetch wrapper, React Query (optimistic updates), auth tokens, offline, API routes, webhooks

references/performance.md — Profiling workflow, FlashList + memo, bundle analysis, TTI, memory leaks, animation perf

references/testing.md — Jest, React Native Testing Library, E2E with Maestro

references/native-capabilities.md — Camera, location, permissions (use*Permissions hooks), haptics, notifications, biometrics

references/engineering.md — Project layout (components/ui/, stores/, services/), path aliases, SDK upgrades, EAS build/submit, CI/CD, DOM components