ReactJS - Project setup using “create-react-app” command – Part 2

Required

• Download Nodejs from https://nodejs.org/en/download/
• Code Editor -  VS Code or whichever suits 

By using the “create-react-app” command:

This is a simple method to install ReactJS, below are the steps of creating react project:

1.       Run npm install -g create-react-app

2.       Now React CLI is available to use as check in below image

3.       Create first boilerplate app using create-react-app command

a.       create-react-app  boilerplate_app

This command will generate project folder and install all the required packages within project folder

4.       Project name should not contain any capital letter

5.       If you are getting any error related to create-react-app command then add your node_modules (C:\Users\Admin\AppData\Roaming\npm\node_modules) path to Environment Variables  >  Path

6.       Go into boilerplate_app

7.       Run npm start

8.       By default browser will auto-open a tab that will points to http://localhost:3000/ but in case browser not auto open go to on browser and type above path. Now you will see below screen:

9.       You can go into App.js under src folder and change the html whatever you want