Deploy react native with Expo project to Expo host

Make sure install eas CLI globally

(1) When you try `expo publish` to push your project to Expo, and it'll show this

The global expo-cli package has been deprecated.                            │
│                                                                           │
│   The new Expo CLI is now bundled in your project in the expo package.    │
│   Learn more: https://blog.expo.dev/the-new-expo-cli-f4250d8e3421.        │
│                                                                           │
│   To use the local CLI instead (recommended in SDK 46 and higher), run:   │
│   › npx expo <command>

Solution is to install eas-cli, I am using eas-cli/4.1.2 More docs here EAS Submit - Expo Documentation

npm install --global eas-cli

(2) Init you project with eas CLI

XXX-YYY-ZZZ is your EAS projectId, You can find or create EAS projectId on Dashboard — Expo

eas init --id XXX-YYY-ZZZ

Eas-Cli add `app.json` to your project automatically

json

{
  "expo": {
    "extra": {
      "eas": {
        "projectId": "3a457bfe-e1c9-49e8-8b6e-7f6fe54ce492"
      }
    },
    "owner": "grahamquan"
  }
}

Publish to Expo host

eas login

(2) publish to Expo host

eas update --branch [branch] --message [message]

Your app.json will update like this

json

{
  "expo": {
    "extra": {
      "eas": {
        "projectId": "3a457bfe-e1c9-49e8-8b6e-7f6fe54ce492"
      }
    },
    "owner": "grahamquan",
    "runtimeVersion": {
      "policy": "appVersion"
    },
    "updates": {
      "url": "https://u.expo.dev/3a457bfe-e1c9-49e8-8b6e-7f6fe54ce492"
    },
    "android": {},
    "ios": {}
  }
}

Finally

Insall Expo Go app on your phone
Open expo.dev website find your project
1. Your-project
2. Overview
3. Update
4. Choose your phone system ( preview button to show QR code )
Use your phone scan the QR code

PS: If your phone scan different system QR code, the Expo Go app might crash

welcome to star :) demo-github