INSTALL REACT ON MAC
In this article, we have gathered the information and step by step easy guide on how to Install React on Macoperating system. Let’s first understand in brief what is React and what is it used for.
I. What is React?
React, a front-end library is managed by the social media giant Facebook team and by a community of individual developers and organizations.
The present article is a guide to Install React on Mac and assumes that you’re using macOS. Before we begin, you need to have a user account with installation privileges and unrestricted access to certain mentioned web sites and that’s it then it can be referred by anyone who wish to install latest version of nodejs on mac. For this, you need to check the system requirements if it fits with your current operating system that are: macOS >=10.10, 4 GB RAM, and 10 GB free space.
Before we start, let’s understand two terms which will be in frequent use in this guide:
Let us begin our small journey ofnodejs installation and after the completion on nodejsinstallation, we will guide on how to install Create React App command line. So, let’s dive in:
II. Download nodejs
Visit nodejs download page here at: https://nodejs.org/en/download/ and Click on ‘macOS’ installer so that you can download the updated version of node installation package.
III. Install nodejs
You should click on the download node-vxx.xx.xx.pkg (for instance node-v10.15.0.pkg) as in earlier mentioned step to kick start the installation. Soon a screen appears where you need to click ‘Continue; and by clicking it you will be asked to accept the license, so click continue.
Thereafter you need to accept the agreement by clicking on ‘Agree’ > ‘Continue’ > ‘Install’. When you click Install, you need to provide some of your credentials such as username and password then you are good to go with installing the software.
Upon the successful installation of the app a screen will appear which will show you the summary of the installation. If you want to access the node and npmexecutable from terminal ensure that /usr/local/bin is in your $PATH and that can be even verified by running echo $PATH command in terminal.
IV. Testing Installation
Now open the terminal and run mentioned command “node –v” to test node. When you do so, you should expect to see an output as outlined but please note that your version may be different as it varies with date of installing as the nodejs team may have made an aggressive release but don’t forget to ensure that your node version is > v10.0.0.
You can now open terminal and run the command “npm –v” to test npm and get your output. Since the version may vary depending on date of installation ensure that your npm version is >5.
V. Install create react app
In order to set up a productive reach development environment, you would need to configure tools such as babel, webpack which honestly are complex to configure for those who are new to react world. There are various tools that will enable in alleviating this problem out of which the create React app is the easiest and finest tool across because its production grade configurations are pre-built. The significance of React App tool is that it doesn’t lock-in and lets you alter the configuration by ejecting the app.
Installation of the Create React App will be done using npm. To do that, you need to run the installation command on terminal: npm install -g create-react-app
Upon the successful installation of the react app you should see the output as aforesaid done. Kindly note that your Create React App version may be different from what you saw while running the install command.
If you want to test your Create React App, then you should run command: create-react-app –version. Now that it’s done we are happy to congratulate you that you’ve successfully installed the create-react-app.