ReactJS environment setup in Windows using NodeJS, npm and few modules

Setting up ReactJS Locally (Windows)

Preface:

In this article, we are going to see how to setup ReactJS locally (Windows).

Prerequisites:

Using the create-react-app command:

npx create-react-app hello-world-react-app

Once the npx command is successfully executed, you will be seeing the screen as above image.

Now we are good to start our first ReactJS app.

we need to go inside our react application folder.

cd hello-world-react-app
npm start

once you are inside the reactjs application folder, start the web development server (webpack) using npm start command.

Once you click on the link, it should open browser window with the URL clicked. http://localhost:3000/

Pro Tip:

You do not need to restart the webpack everytime, just make changes to your RectJS Application code and save it, it will be automatically rebuild and reloaded in the browser.