remove refs to local CLI/ ejecting

expo · Aug 11, 2022 · 985a4fc · 985a4fc
1 parent d918ba0
commit 985a4fc
Show file tree

Hide file tree

Showing 42 changed files with 56 additions and 67 deletions.
diff --git a/blank/README.md b/blank/README.md
@@ -19,18 +19,17 @@
 
 - Install packages with `yarn` or `npm install`.
   - If you have native iOS code run `npx pod-install`
-- Run `expo start` to start the bundler.
+- Run `npx expo start` to start the bundler.
 - Open the project in a React runtime to try it:
   - iOS: [Client iOS](https://itunes.apple.com/app/apple-store/id982107779)
   - Android: [Client Android](https://play.google.com/store/apps/details?id=host.exp.exponent&referrer=blankexample)
   - Web: Any web browser
 
-## Adding Native Code
+## Running/ Modifying Native Code
 
-This project can be run from a web browser or the Expo client app. You may find that you want to add more native code later on. You can do this by ejecting the project and rebuilding it yourself.
+You can generate native iOS and android projects from your Expo config file (**app.json**/ **app.config.js**) by runnning `npx expo prebuild`. These native projects can then be compiled and run via XCode and Android Studio.
 
-- Run `expo eject` to create the native projects.
-- You can still run your project in the web browser or Expo client, you just won't be able to access any new native modules you add.
+> 💡 Learn more about [native code in Expo](https://docs.expo.dev/workflow/customizing/)
 
 ## Publishing
 

diff --git a/navigation/README.md b/navigation/README.md
@@ -18,7 +18,7 @@
 ## 🚀 How to use
 
 - Install packages with `yarn` or `npm install`.
-- Run `expo start` to start the bundler.
+- Run `npx expo start` to start the bundler.
 - Open the project in a React runtime to try it:
   - iOS: [Client iOS](https://itunes.apple.com/app/apple-store/id982107779)
   - Android: [Client Android](https://play.google.com/store/apps/details?id=host.exp.exponent&referrer=blankexample)

diff --git a/upgrade-dependencies.sh b/upgrade-dependencies.sh
@@ -3,14 +3,14 @@
 if [ "$1" == "" ] || [ "$1" == "--help" ]; then
   echo "Available flags:"
   echo "--help"
-  echo "--run-expo-upgrade - run yarn and expo upgrade to update to latest SDK on all examples"
-  echo "--run-fix-dependencies - run expo doctor --fix-dependencies on all repos"
+  echo "--run-expo-upgrade - run yarn and expo-cli upgrade to update to latest SDK on all examples"
+  echo "--run-fix-dependencies - run npx expo install --fix on all repos"
   exit 0
 fi
 
 if [ "$1" == "--run-expo-upgrade" ]; then
   echo "Upgrading all projects to the latest SDK..."
-  echo "For each example, this will run `yarn` and then run `expo upgrade`, accepting all defaults."
+  echo "For each example, this will run `yarn` and then run `expo-cli upgrade`, accepting all defaults."
   echo "Upgrade logs will be written to .sdk-upgrade-logs."
 
   mkdir ./.sdk-upgrade-logs
@@ -20,14 +20,14 @@ if [ "$1" == "--run-expo-upgrade" ]; then
     echo "• Run yarn"
     (cd $DIRNAME && yarn --silent) # If yarn fails spectacularly, we'll see evidence in the logs for expo upgrade
     echo "• Run expo upgrade"
-    (cd $DIRNAME && echo y | expo upgrade > ../.sdk-upgrade-logs/$DIRNAME.txt)
+    (cd $DIRNAME && echo y | expo-cli upgrade > ../.sdk-upgrade-logs/$DIRNAME.txt)
   done
 
   # yarn workspaces has example(s) inside of app folder
   echo "• Run expo upgrade on apps inside with-yarn-workspaces"
   mkdir ./.sdk-upgrade-logs/with-yarn-workspaces
   for d in  with-yarn-workspaces/apps/*/ ; do
-    (cd $DIRNAME && echo y | expo upgrade > ../.sdk-upgrade-logs/$DIRNAME.txt)
+    (cd $DIRNAME && echo y | expo-cli upgrade > ../.sdk-upgrade-logs/$DIRNAME.txt)
   done
 
   echo "Upgrades complete! Check .sdk-upgrade-logs for results. Be sure to correct any errors or warnings."
@@ -41,13 +41,13 @@ if [ "$1" == "--run-fix-dependencies" ]; then
   for d in */ ; do
     DIRNAME=${d%/}
     echo "Fixing dependencies on $DIRNAME..."
-    (cd $DIRNAME && expo doctor --fix-dependencies)
+    (cd $DIRNAME && npx expo install --fix)
   done
 
   echo "Fixing dependencies on apps inside with-yarn-workspaces..."
   mkdir ./.sdk-upgrade-logs/with-yarn-workspaces
   for d in  with-yarn-workspaces/apps/*/ ; do
-    (cd $DIRNAME && expo doctor --fix-dependencies)
+    (cd $DIRNAME && npx expo install --fix)
   done
 
   echo "Dependency fixes complete!"

diff --git a/with-apollo/README.md b/with-apollo/README.md
@@ -12,7 +12,7 @@
 ## 🚀 How to use
 
 - Install with `yarn` or `npm install`.
-- Run `expo start` to try it out.
+- Run `npx expo start` to try it out.
 
 ## 📝 Notes
 

diff --git a/with-auth0/README.md b/with-auth0/README.md
@@ -15,7 +15,7 @@
 - Create your own app on [Auth0](https://auth0.com).
 - Add the `AuthSession` auth URL to `Allowed Callback URLs` on Auth0.
 - Open `App.js` and replace `auth0ClientId` and `auth0Domain` with your app settings.
-- Run [`expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
+- Run [`npx expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
 
 #### AuthSession callback URL
 

diff --git a/with-aws-storage-upload/README.md b/with-aws-storage-upload/README.md
@@ -18,4 +18,4 @@ Try it at https://exp.host/@ykbryan/aws-storage-upload
 ### Running the app
 
 - Run `yarn` or `npm install`
-- Run [`expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
+- Run [`npx expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
diff --git a/with-camera/README.md b/with-camera/README.md
@@ -21,7 +21,7 @@ This example shows how to take a picture and display it.
 
 - Install packages with `yarn` or `npm install`.
   - If you have native iOS code run `npx pod-install`
-- Run `expo start` to start the bundler.
+- Run `npx expo start` to start the bundler.
 - Open the project in a React runtime to try it:
   - iOS: [Client iOS](https://itunes.apple.com/app/apple-store/id982107779)
   - Android: [Client Android](https://play.google.com/store/apps/details?id=host.exp.exponent&referrer=blankexample)

diff --git a/with-drawer-navigation/README.md b/with-drawer-navigation/README.md
@@ -12,7 +12,7 @@
 ## 🚀 How to use
 
 - Install with `yarn` or `npm install`.
-- Run `expo start` to try it out.
+- Run `npx expo start` to try it out.
 
 ## 📝 Notes
 

diff --git a/with-electron/package.json b/with-electron/package.json
@@ -5,8 +5,7 @@
     "start": "expo start",
     "android": "expo start --android",
     "ios": "expo start --ios",
-    "web": "expo start --web",
-    "eject": "expo eject"
+    "web": "expo start --web"
   },
   "dependencies": {
     "@expo/electron-adapter": "~0.0.55",

diff --git a/with-facebook-auth/README.md b/with-facebook-auth/README.md
@@ -9,7 +9,7 @@ Try it at https://expo.dev/@community/with-facebook-auth
 ### Running the app
 
 - Run `yarn` or `npm install`
-- Run [`expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
+- Run [`npx expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
 - Press "Open FB Auth" in the app and then check your logs. Take the `redirectUrl` that was logged and enter it into the "Valid OAuth redirect URIs" in your Facebook app configuration step below.
 
 ### Setting up the Facebook app

diff --git a/with-firebase-saml-login/README.md b/with-firebase-saml-login/README.md
@@ -15,7 +15,7 @@ As this example relies on Firebase authentication you must have a Firebase proje
 ## Running the app
 
 - Run `yarn` or `npm install`
-- Run `expo start` in the root directory to start the development server.
+- Run `npx expo start` in the root directory to start the development server.
 
 ## The idea behind the example
 

diff --git a/with-firebase-storage-upload/README.md b/with-firebase-storage-upload/README.md
@@ -12,7 +12,7 @@ This example demonstrates how you can upload images (and other files) to Firebas
 ## 🚀 How to use
 
 - Run `yarn` or `npm install`
-- Run [`expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
+- Run [`npx expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
 - Take a new picture or upload one from your library
 - See the image being rendered from Firebase
 

diff --git a/with-formdata-image-upload/README.md b/with-formdata-image-upload/README.md
@@ -3,7 +3,7 @@
 ### Running the app
 
 - Run `yarn` or `npm install`
-- Run [`expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
+- Run [`npx expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
 
 ### Running the server
 

diff --git a/with-formik/README.md b/with-formik/README.md
@@ -18,7 +18,7 @@
 ## 🚀 How to use
 
 - Install packages with `yarn` or `npm install`.
-- Run `expo start` to try it out.
+- Run `npx expo start` to try it out.
 
 ## 📝 Notes
 

diff --git a/with-gatsby/package.json b/with-gatsby/package.json
@@ -3,7 +3,6 @@
     "start": "expo start",
     "android": "expo start --android",
     "ios": "expo start --ios",
-    "eject": "expo eject",
     "web": "gatsby develop",
     "build:web": "gatsby build",
     "serve:web": "gatsby serve"

diff --git a/with-magic/README.md b/with-magic/README.md
@@ -12,7 +12,7 @@
 - Install with `yarn` or `npm install`.
 - Create your own app on [Magic.link](https://magic.link).
 - Open `App.js` and replace `MAGIC_KEY` with your publishable key.
-- Run [`expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
+- Run [`npx expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
 
 ## 📝 Notes
 

diff --git a/with-maps/README.md b/with-maps/README.md
@@ -14,17 +14,16 @@
 ## 🚀 How to use
 
 - Install packages with `yarn` or `npm install`.
-- Run `expo start` or `npm start` to start the bundler.
+- Run `npx expo start` or `npm start` to start the bundler.
 - Open the project in a React runtime to try it:
   - iOS: [Client iOS](https://itunes.apple.com/app/apple-store/id982107779)
   - Android: [Client Android](https://play.google.com/store/apps/details?id=host.exp.exponent&referrer=blankexample)
 
-## Adding Native Code
+## Running/ Modifying Native Code
 
-This project can be run from Expo client app. You may find that you want to add more native code later on. You can do this by ejecting the project and rebuilding it yourself.
+You can generate native iOS and android projects from your Expo config file (**app.json**/ **app.config.js**) by runnning `npx expo prebuild`. These native projects can then be compiled and run via XCode and Android Studio.
 
-- Run `expo eject` to create the native projects.
-- You can still run your project on Expo client, you just won't be able to access any new native modules you add.
+> 💡 Learn more about [native code in Expo](https://docs.expo.dev/workflow/customizing/)
 
 ## Publishing
 

diff --git a/with-moti/README.md b/with-moti/README.md
@@ -21,7 +21,7 @@
 
 - Install packages with `yarn` or `npm install`.
   - If you have native iOS code run `npx pod-install`
-- Run `expo start` to start the bundler.
+- Run `npx expo start` to start the bundler.
 - Open the project in a React runtime to try it:
   - iOS: [Client iOS](https://itunes.apple.com/app/apple-store/id982107779)
   - Android: [Client Android](https://play.google.com/store/apps/details?id=host.exp.exponent&referrer=blankexample)
@@ -33,16 +33,13 @@
 Moti is built with TypeScript and has first-class support. Here's how to add TS support to your project:
 
 - Rename `App.js` ➜ `App.tsx`
-- Run `expo start` -- TypeScript will be automatically configured.
+- Run `npx expo start` -- TypeScript will be automatically configured.
 
 > 💡 Learn more about [TypeScript in Expo](https://docs.expo.dev/guides/typescript/)
 
-### Adding Native Code
+## Running/ Modifying Native Code
 
-This project can be run from a web browser or the Expo client app. You may find that you want to add more native code later on. You can do this by ejecting the project and rebuilding it yourself.
-
-- Run `expo eject` to create the native projects.
-- You can still run your project in the web browser or Expo client, you just won't be able to access any new native modules you add.
+You can generate native iOS and android projects from your Expo config file (**app.json**/ **app.config.js**) by runnning `npx expo prebuild`. These native projects can then be compiled and run via XCode and Android Studio.
 
 > 💡 Learn more about [native code in Expo](https://docs.expo.dev/workflow/customizing/)
 

diff --git a/with-native-base/README.md b/with-native-base/README.md
@@ -12,7 +12,7 @@
 npx create-react-native-app -t with-native-base
 ```
 
-- Run `expo start`, try it out.
+- Run `npx expo start`, try it out.
 
 ## 📝 Notes
 

diff --git a/with-postpublish-hooks/README.md b/with-postpublish-hooks/README.md
@@ -18,4 +18,4 @@ It's common to need to perform a set of tasks once you publish an update to your
 #### Running the app
 
 - Run `yarn` or `npm install`
-- Run [`expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
+- Run [`npx expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
diff --git a/with-processing/README.md b/with-processing/README.md
@@ -20,7 +20,7 @@ Example demonstrating use of the [`processing-js`](https://github.com/processing
 ## 🚀 How to use
 
 - Run `yarn` or `npm install`
-- Run [`expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
+- Run [`npx expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
 
 ## 📝 Notes
 

diff --git a/with-react-native-elements/README.md b/with-react-native-elements/README.md
@@ -20,7 +20,7 @@ Example demonstrating use of the [`react-native-elements`][rne] library in Expo.
 ## 🚀 How to use
 
 - Run `yarn` or `npm install`
-- Run [`expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
+- Run [`npx expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
 
 ## 📝 Notes
 

diff --git a/with-react-three-fiber/README.md b/with-react-three-fiber/README.md
@@ -16,7 +16,7 @@ Create Three.js projects using React components and props!
 > `npx create-react-native-app my-app -t with-react-three-fiber`
 
 - Run `yarn` or `npm install`
-- Run [`expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
+- Run [`npx expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
 
 ## 📝 Notes
 

diff --git a/with-reanimated/README.md b/with-reanimated/README.md
@@ -13,7 +13,7 @@
 > `npx create-react-native-app my-app -t with-reanimated`
 
 - Run `yarn` or `npm install`
-- Run [`expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
+- Run [`npx expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
 
 ## 📝 Notes
 

diff --git a/with-socket-io/README.md b/with-socket-io/README.md
@@ -23,11 +23,11 @@ This example shows how to connect and interact with socket-io backends.
 
 - Run `yarn` or `npm install`
 - Open `App.js` and change the `socketEndpoint` at the top of the file to point to your endpoint.
-- Open `app` with [`expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
+- Open `app` with [`npx expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
 
 ### Running the server
 
-- `cd` into the `backend` directory and run `yarn` or `npm install`, then run `expo start`
+- `cd` into the `backend` directory and run `yarn` or `npm install`, then run `npx expo start`
 - Install [ngrok](https://ngrok.com/download) and run `ngrok http 3000` and copy the https url that looks something like this `https://f7333e87.ngrok.io`.
 
 ## 📝 Notes

diff --git a/with-splash-screen/README.md b/with-splash-screen/README.md
@@ -14,7 +14,7 @@ This example shows you how to create an animated splash screen for your app. It
 ## 🚀 How to use
 
 - Run `yarn` or `npm install`
-- Run [`expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
+- Run [`npx expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
 - Wait until the app is built and downloaded. Press "run again" to reload the app and splash screen.
 
 ## 📝 Notes

diff --git a/with-sqlite/README.md b/with-sqlite/README.md
@@ -18,7 +18,7 @@ inserting items, querying and displaying results, using prepared statements.
 ## 🚀 How to use
 
 - Run `yarn` or `npm install`
-- Run [`expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
+- Run [`npx expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
 
 ## 📝 Notes
 

diff --git a/with-storybook/README.md b/with-storybook/README.md
@@ -105,7 +105,7 @@ export const text = () => ( /_ Example JSX _/ );
 
 ```
 
-- Now run `expo start` to see it in action!
+- Now run `npx expo start` to see it in action!
 
 ### 📁 File Structure
 

diff --git a/with-styled-components/README.md b/with-styled-components/README.md
@@ -12,7 +12,7 @@
 ## 🚀 How to use
 
 - Install with `yarn` or `npm install`.
-- Run [`expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
+- Run [`npx expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
 
 ## 📝 Notes
 

diff --git a/with-svg/README.md b/with-svg/README.md
@@ -7,7 +7,7 @@ Import SVG files directly as React components.
 ### Running the app
 
 - Run `yarn` or `npm install`
-- Run [`expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
+- Run [`npx expo start`](https://docs.expo.dev/versions/latest/workflow/expo-cli/), try it out.
 
 ### Setup
 

diff --git a/with-tab-navigation/README.md b/with-tab-navigation/README.md
@@ -12,7 +12,7 @@
 ## 🚀 How to use
 
 - Install with `yarn` or `npm install`.
-- Run `expo start` to try it out.
+- Run `npx expo start` to try it out.
 
 ## 📝 Notes
 

diff --git a/with-tab-navigation/package.json b/with-tab-navigation/package.json
@@ -21,8 +21,7 @@
     "start": "expo start",
     "android": "expo start --android",
     "ios": "expo start --ios",
-    "web": "expo start --web",
-    "eject": "expo eject"
+    "web": "expo start --web"
   },
   "private": true
 }
diff --git a/with-tailwindcss/README.md b/with-tailwindcss/README.md
@@ -12,7 +12,7 @@
 ## 🚀 How to use
 
 - Install with `yarn` or `npm install`.
-- Run `expo start` to try it out.
+- Run `npx expo start` to try it out.
 
 ## 📝 Notes
 

diff --git a/with-tfjs-camera/README.md b/with-tfjs-camera/README.md
@@ -13,7 +13,7 @@ Identify objects in real time using `@tensorflow/tfjs`, `expo-camera`, and `expo
 
 > `npx create-react-native-app my-app -t with-tfjs-camera`
 
-- Run `expo start`, open on a native device (simulator, emulator, and browser are not supported).
+- Run `npx expo start`, open on a native device (simulator, emulator, and browser are not supported).
 - You can swap out `@tensorflow-models/mobilenet` for another [TensorFlow model](https://github.com/tensorflow/models/blob/master/research/slim/nets/mobilenet_v1.md) to achieve different results.
 
 ## 📝 Notes