React Native / Mobile Apps
When to use this skill
-
Building mobile apps with React Native or Expo.
-
Managing navigation stack.
-
Accessing native modules.
- Expo ecosystem
-
Expo Router: Use file-based routing (similar to Next.js) via expo-router .
-
Config: Manage native permissions via app.json config plugins.
- Styling
-
NativeWind: Use Tailwind-like classes via nativewind if standard, or StyleSheet.create for performance-critical views.
-
SafeArea: Always wrap top-level screens in SafeAreaView or handle insets manually.
- Performance
-
Lists: Use FlashList (Shopify) or optimized FlatList for long lists.
-
Bridge: Minimize passes over the JS bridge. Use Reanimated for 60fps animations.
- Navigation
-
Stack: Use Stack for drill-down.
-
Tabs: Use Tabs for top-level sections.
-
Deep Links: configure generic links in app.json for universal links.