DEV Community

Cover image for How to set up your development environment for React native
Nicholas
Nicholas

Posted on

How to set up your development environment for React native

If you are new to mobile development, the easiest way to get started is with Expo Go. Expo is a set of tools and services built around React Native and, while it has many features, the most relevant feature for us right now is that it can get you writing a React Native app within minutes. You will only need a recent version of Node.js and a phone or emulator.

first you need to install the needed package.
npx create-expo-app AwesomeProject

cd AwesomeProject
npx expo start

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

Alternatively you can manually type the exp url on the expo go app and connect manually from your phone.

Image description

Now that you have successfully run the app, let's modify it. Open App.tsx 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.

Top comments (0)