Expo SDK

Overview

Expo SDK 54+ provides a managed React Native development environment with file-based routing (Expo Router), native module access, and streamlined build tooling. This skill covers app configuration, the root layout provider pattern, and key Expo/RN libraries.

Prerequisite: npx create-expo-app or Expo SDK 54+ in package.json

Workflows

Setting up a new Expo demo:

1. Create project: npx create-expo-app [demo-name] --template blank-typescript
2. Install core dependencies: pnpm add expo-router expo-image expo-haptics react-native-reanimated react-native-gesture-handler react-native-safe-area-context @gorhom/bottom-sheet @shopify/flash-list lucide-react-native nativewind tailwindcss@3
3. Configure NativeWind (see nativewind skill)
4. Set up root layout with provider stack
5. Configure app.json with scheme, name, splash
6. Add route groups and screens
7. Run: pnpm start (Expo dev server)