To install react js on windows 11/10; Simply just install node js from the official website and after that install react js and create react app by running the npm install -g create-react-app
command on cmd or terminal window.
You have to install react, so first install node js in your system, which you can do from https://nodejs.org, and you don’t know how to install node js then you can follow the guide How To Install Node Js In Windows 11|10.
After the Node JS installation is finished, open your cmd or command line and run the node -v && npm -v
commands to check the versions of Node JS and npm:
node -v npm -v
How to Install React JS and Setup it App in Windows 11/10
Here are two different options for installing React JS and creating a React JS project on Windows:
Option 1 – Install React js on Windows 11/10
Here are the first option steps:
Step 1 – Create a Directory
Open your cmd or terminal window and run mkdir first-react-app
to create project directory:
mkdir first-react-app
Step 2 – Move to the project folder
Navigate to the created project directory by running cd first-react-app
command on cmd or terminal window:
cd first-react-app
Step 3 – Create a package.json file
To create package.json file, simply run npm init
on cmd or terminal window:
npm init
Step 4 – Install React and other modules
To install react in your windows 11/10, just run npm install --save react && npm install --save react-dom
on cmd or terminal window:
npm install --save react npm install --save react-dom
Option 2 – Install React js on Windows 11/10
Here are the second option steps:
Step 1 – Install React JS Tool
To install react app tool using NPM as global, simply run npm install -g create-react-app
command on cmd or terminal window:
npm install -g create-react-app
Step 2 – Create a New React Project
To create a React JS application on Windows, simply run create-react-app first-react-project
command on CMD to create your first react js application:
create-react-app first-react-project
Here first-react-project is the name I have chosen for my react project.
Step 3 – Run the Application
To run react app locally, simply run npm start command:
cd first-react-project npm start
This will opens up the react application in a new tab of our browser with the below URL.
http://localhost:3000
Thanks good helping content .