React Native / Mobile Apps

When to use this skill

• Building mobile apps with React Native or Expo.
• Managing navigation stack.
• Accessing native modules.

1. Expo ecosystem

• Expo Router: Use file-based routing (similar to Next.js) via

  expo-router

  .
• Config: Manage native permissions via

  app.json

  config plugins.

2. 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.

3. Performance

• Lists: Use

  FlashList

  (Shopify) or optimized

  FlatList

  for long lists.
• Bridge: Minimize passes over the JS bridge. Use Reanimated for 60fps animations.

4. 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.