React Native installation with EXPO CLI

suhelhasan

Suhel Hasan 🚀

Posted on August 8, 2020

React Native installation with EXPO CLI

If you are new to mobile development, the easiest way to get started is with Expo CLI.
It is a very easy process, just follow the steps below one by one.

GIF

Software requirement:

Node.js (download)

NPM to install the Expo CLI:

Now we can use npm(comes default with Node.js) to install the Expo CLI

  • Open your terminal(run as administrator) and type the following command
 npm install -g expo-cli
Enter fullscreen mode Exit fullscreen mode

it will take a little bit of time to install EXPO CLI in your system globally.

  • Then run the following commands one-by-one to create a new React Native project called "MyProject":
 expo init MyProject

 cd MyProject

 npm start
Enter fullscreen mode Exit fullscreen mode

This will start a development server for you

  • Running your React Native application

Install the Expo client app on your iOS or Android phone and connect to the same wireless network as your computer. On Android, use the Expo app to scan the QR code from your terminal to open your project. On iOS, use the built-in QR code scanner of the Camera app.

  • Modifying your app

Now that you have successfully run the app, let's modify it. Open App.js in your text editor of choice and edit some lines. The application should reload automatically once you save your changes.

  • That's it!

Congratulations! You've successfully run and modified your first React Native app.

GIF

References:

React Native
Expo
Node JS
NPM

Hope you have enjoyed this and gain something from it. Waiting for your feedback. ✔

Follow me on Twitter — @javascript_bug to check out my other cool posts.

Happy Coding! 💻 😀

💖 💪 🙅 🚩
suhelhasan
Suhel Hasan 🚀

Posted on August 8, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

React Native installation with EXPO CLI
reactnative React Native installation with EXPO CLI

August 8, 2020

Random Color Generator Expo App
reactnative Random Color Generator Expo App

June 10, 2020