菜单
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.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
GitHub 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.
Expo toolchain for React Native — Expo Router, EAS Build/Update/Deploy, native modules, SDK upgrading, and Expo UI/data patterns.
Deep React Native performance — FPS profiling, bundle size, TTI measurement, native threading, memory leaks, and profiling tools.
| name | react-native-ecosystem |
| description | 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. |
| metadata | {"author":"maikotrindade","version":"2026.1.0"} |
Covers React Native ecosystem libraries and production patterns as of 2026.
See also:
- Core RN primitives (View, Text, StyleSheet, FlatList, New Architecture) →
react-native-core- Expo SDK and EAS tooling →
react-native-expo- Deep performance work (FPS, bundle, TTI, memory, native) →
react-native-performance- React Native Testing Library deep dive →
react-native-testing
| Topic | Description | Reference |
|---|---|---|
| Navigation | React Navigation v7 — NativeStack, tabs, drawer, typed routes, modals | core-navigation |
| State Management | Zustand, Jotai, Redux Toolkit — setup, devtools, persistence patterns | core-state-management |
| Data Fetching | TanStack Query v5 + Axios — queries, mutations, infinite lists, offline | core-data-fetching |
| TypeScript | Strict config, component typing, navigation typing, zod validation | core-typescript |
| Topic | Description | Reference |
|---|---|---|
| Reanimated v3 | useSharedValue, useAnimatedStyle, withTiming/Spring, layout animations, Keyframe | features-reanimated |
| Gesture Handler v2 | GestureDetector, Tap/Pan/Pinch/LongPress, gesture composition, Reanimated integration | features-gesture-handler |
| Topic | Description | Reference |
|---|---|---|
| Storage | MMKV, AsyncStorage, Expo SecureStore — choosing the right solution | features-storage |
| Permissions | react-native-permissions — check, request, rationale, openSettings | features-permissions |
| Push Notifications | FCM + APNs via Firebase, token registration, foreground/background handling | features-push-notifications |
| Topic | Description | Reference |
|---|---|---|
| Accessibility | a11y props, screen reader testing, semantic roles, focus management | best-practices-accessibility |
| Topic | Description | Reference |
|---|---|---|
| Deep Linking | Universal Links, App Links, React Navigation linking config, dynamic links | advanced-deep-linking |
createNativeStackNavigator over JS stack; type all routes with RootStackParamListAnimated API; worklets run on the UI thread by defaultstrict: true; type navigation with useNavigation<NavigationProp<RootStackParamList>>()