From awesome-react-native-skills
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.
How this skill is triggered — by the user, by Claude, or both
Slash command
/awesome-react-native-skills:react-native-ecosystemThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
> Covers React Native ecosystem libraries and production patterns as of 2026.
references/advanced-deep-linking.mdreferences/best-practices-accessibility.mdreferences/core-data-fetching.mdreferences/core-navigation.mdreferences/core-state-management.mdreferences/core-typescript.mdreferences/features-gesture-handler.mdreferences/features-permissions.mdreferences/features-push-notifications.mdreferences/features-reanimated.mdreferences/features-storage.mdCovers 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>>()npx claudepluginhub maikotrindade/awesome-react-native-skills --plugin awesome-react-native-skillsGuides creation, editing, and verification of skills for AI coding agents using test-driven development with subagent scenarios. Use when authoring or debugging skills.