Development environment

Requisite setup

First, this is very important, please make sure you have already installed and run the simulator successful base on this guide - It will help you install and build your first Example React Native app. To get started with React Native project you have to install some tools, dependencies, and applications as follows:

​​React Native command line interference: This can be installed via the command line.

Xcode: This can be downloaded from Mac App Store.

Android Studio: This can be download from the official website of Android.

Node Package Manager: This can be installed via command line in the project's main file.

Code Editors:

React Native code can be edited using any known text or code editor. We recommend to use Visual Studio Code: This is another free IDE for JavaScript. Download here

You are required to download an IDE to open the project's source code and start editing it. Many free IDEs are available for free and paid IDEs would definitely have extra features.

We felt very comfortable with Visual Studio Code and it was used for building this project.

Installing Tools, Dependencies and Applications:

You will need Node, Watchman, the React Native command line interface, Xcode and Android Studio to run the app in iOS and Android simulators:

1. How to install Xcode (for Mac only)?

You need to download XCODE to build apps for iOS. To download XCODE in your Mac, visit the following URL:

2. How to install Android Studio?

You need to download Android Studio to build apps for Android. To download Android Studio in your workstation, visit the following URL:

3. How to install Genymotion free (Install if you don't like to use emulator from Android Studio)?

To build your app in Android emulator, please also install the Genymotion free version from the following URL:

Upon completing all the above steps, you will be able to build the app in iOS or Android simulator. Details about how to build the app for iOS and Android is mentioned in upcoming sections of this documentation.

Last updated