DEV Community

Cover image for How to install react , A simplest guide
👨‍💻Rohit 🪄
👨‍💻Rohit 🪄

Posted on • Updated on

How to install react , A simplest guide

Intro:

Hey there this is Rohit, today I am going to share an easiest guide for how to install react for beginners, So let's get into it
Image description
Image: Photo by Lautaro Andreani on Unsplash

What is react :

React is amazing JavaScript library for building front-end user interfaces.

Pre-requisites :

Before installing react we need to install node which is cross-platform JavaScript runtime environment, with node it comes with npm i.e node package manager which allow you to install packages and dependencies.

click here to install node.js

note: If you have already installed node in your system you can skip this step and move on to next
Image description
Image by: rohitcode on LinkedIn

Let's Install React :

Installing React is the most easiest thing to do for that we need only one command in your terminal or PowerShell:

npx create-react-app project-name



That's it after this command press enter on your keyboard and wait for npm to install all the dependencies and packages.
Image description

Image by: rohitcodeon LinkedIn

Congratulations you have successfully installed react for the project, Now enter these following commands to launch react on browser:
open the project directory by this command:
cd project-name
Then
npm start

Image descriptionIf you see this, Now you are good to go.

Image description

Conclusion :

I hope you enjoyed this installation guide for React.js. If you have any questions or comments about this article, Comment me Thank you for reading, I am always excited when one of our posts is able to provide useful information on a topic like this!

Top comments (2)

Collapse
 
raxcodes profile image
👨‍💻Rohit 🪄

Thanks for this👍

Collapse
 
raxcodes profile image
👨‍💻Rohit 🪄

👍