Building React Native Apps with create-expo-stack - A Complete Guide

npx create-expo-stack@latest

my-app/
├── app/
│   ├── (tabs)/
│   ├── _layout.tsx
│   └── index.tsx
├── components/
├── assets/
├── hooks/
└── services/

# Start development server
npx expo start


## Production Builds with EAS

### 1. Install Expo Development Client:


```bash
npx expo install expo-dev-client

{
  "build": {
    "preview": {
      "android": {
        "buildType": "apk"
      }
    },
    "production": {
      "android": {
        "buildType": "app-bundle"
      }
    }
  }
}

# Android preview build
eas build -p android --profile preview

# iOS preview build
eas build -p ios --profile preview

# Production builds
eas build -p android --profile production
eas build -p ios --profile production

# Build for all platforms
eas build --platform all

{
  "build": {
    "development": {
      "developmentClient": true,
      "distribution": "internal"
    },
    "preview": {
      "distribution": "internal",
      "android": {
        "buildType": "apk"
      }
    },
    "production": {
      "android": {
        "buildType": "app-bundle"
      }
    }
  }
}

# Submit to App Store
eas submit -p ios

# Submit to Play Store
eas submit -p android

{
  "expo": {
    "updates": {
      "enabled": true,
      "fallbackToCacheTimeout": 0
    }
  }
}

eas update

// app/(tabs)/index.tsx
import { View, Text } from 'react-native';

export default function Home() {
  return (
    <View>
      <Text>Home Screen</Text>
    </View>
  );
}

// components/Button.tsx
import { Pressable, Text } from 'react-native';

export default function Button({ title }) {
  return (
    <Pressable className="bg-blue-500 px-4 py-2 rounded-lg">
      <Text className="text-white font-medium">{title}</Text>
    </Pressable>
  );
}

# View a list of build commands
eas build --help

# View build logs
eas build:list
eas build:view

# Cancel ongoing build
eas build:cancel