How to Install & Create React JS App on Windows 11/10

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

Recommended React JS Tutorials

AuthorDevendra Dode

Greetings, I'm Devendra Dode, a full-stack developer, entrepreneur, and the proud owner of Tutsmake.com. My passion lies in crafting informative tutorials and offering valuable tips to assist fellow developers on their coding journey. Within my content, I cover a spectrum of technologies, including PHP, Python, JavaScript, jQuery, Laravel, Livewire, CodeIgniter, Node.js, Express.js, Vue.js, Angular.js, React.js, MySQL, MongoDB, REST APIs, Windows, XAMPP, Linux, Ubuntu, Amazon AWS, Composer, SEO, WordPress, SSL, and Bootstrap. Whether you're starting out or looking for advanced examples, I provide step-by-step guides and practical demonstrations to make your learning experience seamless. Let's explore the diverse realms of coding together.

One reply to How to Install & Create React JS App on Windows 11/10

  1. Thanks good helping content .

Leave a Reply

Your email address will not be published. Required fields are marked *