# Mobile React Native > React Native patterns — Expo, navigation, performance optimization, New Architecture Use when this capability is needed. - Skill: `tomevault-io/mobile-react-native-2` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/mobile-react-native-2` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/mobile-react-native-2/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/mobile-react-native-2 --- # Mobile React Native Skill ## Core Principles - **Expo managed first**: Only eject when a native module is absolutely needed. - **FlatList not ScrollView**: For lists > 50 items — ScrollView renders all at once. - **Reanimated on UI thread**: Animations must not trigger the JS bridge. - **MMKV for storage**: 10x faster than AsyncStorage for non-sensitive data. - **Zustand for client state**: Redux is overkill for most mobile apps. ## References - `references/expo-patterns.md` — Managed vs bare, EAS Build, OTA updates, config plugins - `references/navigation-patterns.md` — Expo Router, deep linking, tab/stack/drawer, auth flows - `references/performance.md` — FlatList optimization, MMKV, Hermes engine - `references/new-architecture.md` — Fabric, TurboModules, JSI, migration guide --- > Source: [rnavarych/alpha-engineer](https://github.com/rnavarych/alpha-engineer) — distributed by [TomeVault](https://tomevault.io).