Develop Mobile App

Use this skill to design, implement, and optimize production-grade React Native and Expo applications utilizing New Architecture, off-thread UI animations, list recycling, and offline-first synchronization.

When to Use

• configuring React Native New Architecture (Hermes engine, TurboModules, Fabric renderer, Bridgeless mode)
• replacing sluggish FlatList implementations with Shopify FlashList to eliminate blank scroll frames
• implementing non-blocking 60/120 FPS gesture-driven animations via Reanimated worklets
• establishing offline-first data persistence with MMKV key-value caching and WatermelonDB relational SQLite
• wiring network state detection (NetInfo) with TanStack Query offline cache and optimistic mutation queues
• profiling frame drops, cold-start time-to-interactive (TTI < 1.5s), and memory retain cycles
• Expo SDK 55+ New Architecture mandatory (cannot disable)
• Hermes V1 with bytecode diffing and regression pinning
• Expo Router file-based routing migration

Core Rules