How to install React JS on Windows

2019-08-19 Rupesh Sonkamble

In this article, we will learn how to install react js on windows 10.

 

What is React JS?

React is a library created by Facebook. ReactJS is a declarative, efficient, and flexible JavaScript library for building reusable UI components. It is an open-source, component-based front end library which is responsible only for the view layer of the application, later it is used in its products like WhatsApp & Instagram. So our main focus for this article is installing a JavaScript environment and Package Manager so that we can download and install libraries including React.

Step 1:

The first step is to download the Node.js installer for Windows from this site:

nodejs for windows

 

 

finish the installation process carefully.

 

STEP 2 :

Open command prompt or node.js command prompt as shown below

 

command prompt

 

Make a new directory using the command

 

C:\Users>mkdir myreact

 

then move to the newly created directory as

 

C:\Users>cd myreact

 

STEP 3 : 

In step 3,  We will install React JS on your windows system for that we have to create a package.json file and make sure that you are in the newly-created directory. For that run command 

 

C:\Users\myreact>npm init

 

press enter-enter until it completes asking the info, you can enter your own description for code like my first react project, etc.

 Install React and other modules using

 

C:\Users\myreact>npm install --save react

 

and 

 

C:\Users\myreact>npm install --save react-dom

 

STEP 4 :

We will install Create-React-APP package to simplify the process of creating and installing react into your projects for that we need to enter the command, 

 

C:\Users\myreact>npm install -g create-react-app

 

To create a new project and deploy react into it we run the command as

 

C:\Users\myreact>create-react-app project1

 

The process will take up to 5 minutes to complete.

 

STEP 5 :

To run a React project you need to go at project1 by

 

C:\Users\myreact>cd project1

 

and 

 

C:\Users\myreact>npm start

 

will run the application.

 

If you carefully followed above 5 steps then your default browser will open the App.js file. You can edit the App.js file as per your code.

 

Happy Coding ...!!!!!!!!!!!

 

 

 

 

 

 

 

 

 

 


About author

Card image cap
Rupesh Sonkamble

I'm software engineer and currently work in the field of iot and home automation.!

-IOT Developer

2 Comments