菜单
Expo toolchain for React Native — Expo Router, EAS Build/Update/Deploy, native modules, SDK upgrading, and Expo UI/data patterns.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | react-native-expo |
| description | Expo toolchain for React Native — Expo Router, EAS Build/Update/Deploy, native modules, SDK upgrading, and Expo UI/data patterns. |
| metadata | {"author":"maikotrindade","version":"2026.5.0"} |
Targets Expo SDK 52–56, Expo Router v4, and EAS. For ecosystem libraries (state, Reanimated, React Navigation) see the
react-nativeskill. For shadcn/ui-style components see thereact-native-reusablesskill.
Expo provides a full-stack toolchain on top of React Native: file-based routing via Expo Router, cloud build/deploy infrastructure via EAS, a native module authoring API, and a curated SDK of first-party libraries. This skill covers the Expo layer exclusively.
| Topic | Description | Reference |
|---|---|---|
| Expo Router | File-based routing, layouts, route groups, API routes, SDK 56 migration | core-expo-router |
| EAS Overview | EAS Build/Update/Submit/Deploy, eas.json structure, version management | core-eas |
| Topic | Description | Reference |
|---|---|---|
| EAS Build & Dev Client | Build profiles, dev client setup, local builds, device installation | features-eas-build |
| EAS Update & Deploy | OTA updates, EAS Hosting, CI/CD YAML workflows | features-eas-update-deploy |
| Expo Modules | create-expo-module, module DSL, config plugins | features-expo-modules |
| Upgrading Expo SDK | Upgrade flow, cache clearing, SDK 53–56 breaking changes, module migrations | features-upgrading |
| Topic | Description | Reference |
|---|---|---|
| Building UI | Code style, expo-image, responsiveness, NativeTabs, navigation patterns | best-practices-ui |
| Data Fetching | fetch vs React Query, expo-secure-store, offline, env vars | best-practices-data |
npx expo start before building a dev client; custom builds are only needed for custom native codeappVersionSource: "remote" in eas.json to avoid manual version bumpsapp/; never co-locate components, types, or utilities in app/eas env:create for secrets; client-side env vars use EXPO_PUBLIC_ prefix (inlined at build time)npx expo install --fix then npx expo-doctor after upgrading; clear caches before debuggingGitHub Actions workflow patterns for React Native iOS simulator and Android emulator cloud builds with downloadable artifacts. Use when setting up CI build pipelines or downloading GitHub Actions artifacts via gh CLI and GitHub API.
GitHub patterns using gh CLI for pull requests, stacked PRs, code review, branching strategies, and repository automation. Use when working with GitHub PRs, merging strategies, or repository management tasks.
Provides an incremental adoption strategy to migrate native iOS or Android apps to React Native or Expo using @callstack/react-native-brownfield for initial setup. Use when planning migration steps, packaging XCFramework/AAR artifacts, and integrating them into host apps.
React Native core components, layout, styling, animations, lists, platform APIs, and best practices. Use when building iOS/Android UIs with native components.
React Native ecosystem — navigation, state, data fetching, Reanimated, storage, TypeScript patterns, accessibility, and deep linking. Use when building production React Native apps with React Navigation, Zustand, TanStack Query, or Reanimated v3.
Deep React Native performance — FPS profiling, bundle size, TTI measurement, native threading, memory leaks, and profiling tools.