How to Install React Native on Mac? Step by Step Guide

Rlogical Techsoft
2 min readFeb 4, 2020

--

We are going to know how to Install React Native-required installations like Node.

React Native is becoming very popular among Android and iOS developers because of its cross-platform native app development technique. React native app development is now doing what was impossible a few years back, but now it’s a complete game changer technique, which would soon change the development area, and anyone can develop both Android and iOS apps using a single language.

This tutorial is for all beginners who are thinking of learning React Native. So, using this tutorial you can complete your first task to install React Native on the MAC system create your first React Native project, and run that project in a real iOS device or iOS emulator.

Install React Native on Mac

Step 1. Install Homebrew :

Homebrew is a type of platform dependency installation software which would allow us to install all the download and install all the required files. To install Homebrew, open your terminal prompt and type the below command :

/usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Step 2. Install Node.js :

The next step is to install the node.js online using a command.

brew install node

Step 3. Install watchmen :

brew install watchman

Step 4. Install React Native CLI :

npm install -g react-native-cli

Step 5. install Xcode command line tools :

To install the latest version on Xcode you need to follow the below steps :

Open Xcode -> Preferences -> Locations tab -> install the latest version of Xcode command line tools.

Step 6. Create your first React native project in MAC :

react-native init MyProject

Step 7. Run your created project

Select the path where you want to create your first React native project using cd YOUR PATH.

cd Desktop

cd FirstReactNativeProject

react-native run-ios

ScreenShot:

Final Thought:

If you have any queries or questions regarding React Native or iOS app development then Ask our iOS App Developers. We are always ready to help you. Hire our dedicated developers now & get solutions quickly.

--

--

Rlogical Techsoft
Rlogical Techsoft

Written by Rlogical Techsoft

Web & Mobile App Development Company. Expertise in Mobile App, PHP, ASP .NET, MVC 5 (Razor), MongoDB, NodeJS, AngularJS, ReactJS, Windows App, POS, Scraping.

Responses (5)