How to Install React Js | React Js Installation Windows | First React app |react js sample project step by step

Hello & As-salam u alikum ! This is the first article to work on a new java script framework i.e "React js".

Step# 1:  If you are willing to study the histtory and background of React js, you may click this Link.
Lets Start Installation of react js in our windows Environment.

Step# 2:   Install git on your computer if  it is not installed on your machine.

Once it is installed,Check the version of git by writing the below command .

git --version

Step# 3:   Download and Install node on your computer, you may get the download link by clicking here. 

When you install the node on your PC ,check the version of node & npm by there commands.

node --version

npm --version

Step# 4:   Now write the below command to install React on your system, this will take few minutes to install. 


npm install -g create-react-app

Step# 5:   Choose a directory on your system or working space and open cmd there & write the below command , I am creating my project name as "new", you can use any name.

create-react-app <projectname>

It will take a few minutes to create project and installation of all the dependencies. once it installed you will notice a folder named as your created project name. and you will find the below directories in it.

Now, jump to the project directory by using the below command.
cd <projectname>

then write the command to build and run the project .

npm start

Now you will see your react app running on browser on port 3000. 

Conclusion : There you go to run your first react js app , we will discuss it more in our later articles. Thank you for reading ,Have a good day !