React Native with Expo Client

On this short tutorial I’ll go ahead and show you how to get you React Native application displayed on your phone with Expo Client in a couple easy steps. Let’s begin!

1. First you’re going to need to install expo client on your terminal and you can do this by typing this. This might take a few minutes so don’t panic if it takes a long time.

npm i -g expo-cli

2. Now that you have installed Expo Client you can install it on your phone as-well. You’ll need to do this so you can see your application on your device.

3. You’re doing great and we’re almost there! Now that we have installed all the necessary items will start by creating a new expo project. You can do this by writing this on your terminal.

expo init name-app

You can name your app anything you like so please feel free to change name-app to anything you like.

You’ll see a couple options for the sake of this tutorial we are going to do a Managed workflow blank app so please click on the first one. If you would like to know more about managed or bare workflow I’ll post a link below with more details.

This might take a while so don’t worry.

4. Now that you created your new app you need to cd in to that file and start your project. You can do this by typing this in your terminal.

cd name-app
expo start

5. After you run expo start you should see a new tab open up on your browser which will look like this.

You can then grab your phone and scan the QR code and then your expo client on your phone should display your new app.

If you see this screen you have completed this tutorial, great job!

Thank you for taking the time to read this blog and I’ll leave you with some links if you wish to continue to learn more about React Native and Expo Client. Happy coding Hackers.

Create a new app - Expo Documentation