메뉴
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>>()