React Native Installation Guide: Create a New Project

If you wish to build powerful and dynamic mobile applications, for both android and ios platforms, then this blog is a must read! Today we will take you go through the process of installing React Native, creating a new project and running it in both, android and ios. 

React Native is an open-source framework which is developed by Meta Platforms. It allows developers to build robust mobile applications using JavaScript. React Native combines the power and flexibility of React, which is a popular JavaScript Library for building interfaces with the ability to create native mobile components for Android as well as iOS.

This step-by-step guide will help you get your React Native platform up and running in a few minutes weather you are experienced or not. Now let us take you through the guide:-

Before we begin, make sure you have the following prerequisites:

1. Node.js and JDK

For Windows- Use the following command in the command prompt or powershell

2. Android studio

Install Android studio (Android studio provides the necessary tools to run and build  android applications)

 When android studio installation is completed, make sure all the following items are checked

• Android SDK
• Android SDK platform / Android SDK platform 33
• Android virtual device
• Intel x86 Atom_64 System Image or  Google APIs Intel x86 Atom System Image
  

 Configure the ANDROID_HOME environment path.

• Open the windows control panel.

• Click on user Account.

• Click User Account again.

• Click on Change my environment variable.

• Click on new (to create a new ANDROID_HOME user variable).

3. X-code (for MacOS)

Installation guide for MAC-

1. Open your terminal and paste these following commands

2. Install X-code from your App-store

After installing x-code, install the ios-simulator and all the necessary tools for building or running an ios application.

3. Install the ios simulator in X-code

a.) To install the simulator, open the X-code => settings (or preferences) => select the ‘Platforms’ tab.

b.) Select a simulator with the corresponding version of IOS

 NOTE:- If you have previously installed global ‘react-native-cli’ package, it is recommended to remove it otherwise it may cause unexpected issues:

To uninstall global ‘react-native-cli’ run this command

Create a New Project

Now that you have fulfilled the prerequisites, you can create a new React Native project:

1. Open your terminal or command prompt

2. Run this command:

Basic or Useful commands

a. To run the project For android

b. To run the project For IOS

c. To install node modules

With this guide, you are now equipped to create and build robust mobile applications using React Native. 

 Subscribe our newsletter to stay updated about the react native.

Kanak Infosystems is a professional Mobile Application Development company. With a team of highly skilled professionals, we specialize in creating high quality and custom mobile applications. Our experts utilize cutting-edge technologies and frameworks to build a simple app or a complex enterprise solution. 

If you are looking for a professional mobile app development company, look no further and contact us now!

 Explore our other React Native related blogs:

• React-Native Top 40 Libraries and their Uses​

• 9 Reasons Why You Should Choose React Native

• ​Flutter vs. React Native: Which One to Choose?
  

• Validate Login Using Fetch In React Native Example

• React vs React Native: An in-Depth Tabular Comparison

• ​State Management In React Native ( REDUX vs MOBX vs ZUSTAND )

• String Methods In Javascript