1---2name: react-native-ecosystem3description: 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.4---56# React Native Ecosystem78> Covers React Native ecosystem libraries and production patterns as of 2026.9>10> **See also:**11> - Core RN primitives (View, Text, StyleSheet, FlatList, New Architecture) → `react-native-core`12> - Expo SDK and EAS tooling → `react-native-expo`13> - Deep performance work (FPS, bundle, TTI, memory, native) → `react-native-performance`14> - React Native Testing Library deep dive → `react-native-testing`1516## Core References1718| Topic | Description | Reference |19|-------|-------------|-----------|20| Navigation | React Navigation v7 — NativeStack, tabs, drawer, typed routes, modals | [core-navigation](references/core-navigation.md) |21| State Management | Zustand, Jotai, Redux Toolkit — setup, devtools, persistence patterns | [core-state-management](references/core-state-management.md) |22| Data Fetching | TanStack Query v5 + Axios — queries, mutations, infinite lists, offline | [core-data-fetching](references/core-data-fetching.md) |23| TypeScript | Strict config, component typing, navigation typing, zod validation | [core-typescript](references/core-typescript.md) |2425## Features2627### Animations & Gestures2829| Topic | Description | Reference |30|-------|-------------|-----------|31| Reanimated v3 | useSharedValue, useAnimatedStyle, withTiming/Spring, layout animations, Keyframe | [features-reanimated](references/features-reanimated.md) |32| Gesture Handler v2 | GestureDetector, Tap/Pan/Pinch/LongPress, gesture composition, Reanimated integration | [features-gesture-handler](references/features-gesture-handler.md) |3334### Device & Platform3536| Topic | Description | Reference |37|-------|-------------|-----------|38| Storage | MMKV, AsyncStorage, Expo SecureStore — choosing the right solution | [features-storage](references/features-storage.md) |39| Permissions | react-native-permissions — check, request, rationale, openSettings | [features-permissions](references/features-permissions.md) |40| Push Notifications | FCM + APNs via Firebase, token registration, foreground/background handling | [features-push-notifications](references/features-push-notifications.md) |4142## Best Practices4344| Topic | Description | Reference |45|-------|-------------|-----------|46| Accessibility | a11y props, screen reader testing, semantic roles, focus management | [best-practices-accessibility](references/best-practices-accessibility.md) |4748## Advanced4950| Topic | Description | Reference |51|-------|-------------|-----------|52| Deep Linking | Universal Links, App Links, React Navigation linking config, dynamic links | [advanced-deep-linking](references/advanced-deep-linking.md) |5354## Key Recommendations5556- **Navigation**: Use `createNativeStackNavigator` over JS stack; type all routes with `RootStackParamList`57- **State vs server**: Zustand for client/UI state; TanStack Query for server state — never mix roles58- **Animations**: Prefer Reanimated v3 over the legacy `Animated` API; worklets run on the UI thread by default59- **Storage**: MMKV for frequent read/write (sync, 10× faster); AsyncStorage for simple persistence; SecureStore for credentials60- **TypeScript**: Enable `strict: true`; type navigation with `useNavigation<NavigationProp<RootStackParamList>>()`
maikotrindade