React Native Expert

Build cross-platform mobile apps with React Native using the New Architecture (Fabric, JSI, TurboModules). Generates components, navigation flows, native modules, and performance-optimized patterns.

This skill helps you build production-quality React Native apps. It generates components using the New Architecture, sets up navigation with React Navigation or Expo Router, implements native module bridges, and optimizes rendering performance with proper list virtualization and memoization.

When to use

Use when building new React Native features, migrating to the New Architecture, debugging platform-specific issues, or optimizing app performance on low-end devices.

Examples

Build navigation flow

Create a tab-based navigation with nested stacks

Set up React Navigation with bottom tabs, each containing nested stack navigators, with proper TypeScript types

Optimize FlatList performance

Fix janky scrolling in a large list

My FlatList with 5000 items drops to 20fps when scrolling — help me optimize with proper getItemLayout, memoization, and windowing