Monday, February 11, 2019

How to Install React Native on MAC step by step

React Native has fast become one of the hottest frameworks for building cross platform mobile apps. Based on JavaScript and Facebook’s React Library it focuses on performance and tight integration with the native platforms supports. With Facebook invested in the framework and React’s learn once, write anywhere philosophy, React has a bright future.React native is now doing what is impossible few years back but now its a complete game changer technique, which would soon change the development arena and any one can developer both android and iOS apps using single language.

How to Install React Native on MAC step by step

All the beginners who is thinking to learn React Native. So using this tutorial you can complete your first task to install Install React Native on MAC ( MACINTOSH ) system and create your first React Native project and run that project in real iOS device or iOS emulator. If you would like to install react native application in windows application, then click on below URL. : Installing React Native on Windows Tutorial

Setting up for Mac OS :
Dependencies (Install instructions below)
  1. Node
  2. Watchman
  3. React Native CLI
  4. Xcode

Lets follow the below steps during react native installation in MAC Machine.

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 you 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 
Next step is to install the node.js online using command.
brew install node

Step 3: Install watchmen 
Apply the below commands in your terminal.
brew install watchman

Step 4: Install React Native CLI
Apply the below commands in your terminal.
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 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
cd MyProject
react-native run-ios

Screenshots: 

How to Install React Native on MAC step by step
This is all about How to Install React Native on MAC step by step. Thank you for reading this article, and if you have any problem, have a another better useful solution about this article, please write message in the comment section.

No comments:

Post a Comment