What problem does it solve?
Builds, optimizes, and debugs cross-platform mobile applications with React Native and Expo. Implements navigation hierarchies (tabs, stacks, drawers), configures native modules, optimizes FlatList rendering with memo and useCallback, and handles platform-specific code for iOS and Android. Use when building a React Native or Expo mobile app, setting up navigation, integrating native modules, improving scroll performance, handling SafeArea or keyboard input, or configuring Expo SDK projects.
Core Features & Use Cases
- Navigation architectures: set up tabs, stacks, and drawers with Expo Router or React Navigation for scalable app navigation.
- Performance optimization: memoized list items, useCallback, and FlatList tuning for smooth scrolling on iOS and Android.
- Platform handling: implement SafeArea, KeyboardAvoidingView, and platform-specific code paths to support iOS and Android devices.
- Use Case: when starting a new React Native app with Expo, this skill provides a production-ready structure and best practices.
Quick Start
Initialize a new React Native project with Expo and implement a cross-platform navigation and performance optimization workflow.