How to Install React Native on MAC step by step Tutorial

React Native becoming very popular among Android and iOS developer because of its cross platform native development technique. 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.

This tutorial is for 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 use windows system then you can also read my this tutorial. So lets get started 🙂 .

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 :

Step 2. Install Node.js :

Next step is to install the node.js online using command.

Step 3. Install watchmen :

Step 4. Install 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 :

Step 7. Run your created project

Screenshot :

MAC

Here you go guys, Now you have successfully created your first React Native project in MAC. To start editing your project just open the index.ios.js file. Feel free to share your thoughts via comments 🙂 .

15 Comments

  1. Hello I want to help u please guide React Native Using App Installation on Mac Machine

  2. Thanks buddy! that worked like a charm.

  3. When installing users may come across an error when entering npm install -g react-native-cli. Try putting sudo in front of this command it then will ask for your password.

  4. wah bhai wah malum hi nahi tha ye steps. and what esle if someone got error while installing react native.

  5. Im getting error when try to run this “react-native run-ios”

    error Command failed: xcrun instruments -s

  6. Hello,

    I note that the above tutorial runs iOS – but how do you also run android? I would need to given that React-Native is a cross-platform tool.

    • Tony first you need to start the Android emulator then simply goto react native project folder and execute react-native run-android command.

Leave a Reply

Your email address will not be published. Required fields are marked *