Environment setup for React.JS

In this blog, we will see how to do Environment Setup for React.JS

I’m using Windows version 8.1. 64bit computer system to perform this. Follow the below procedures and have happy coding.

Setup NodeJS & NPM:

Go to https://nodejs.org/en/ website and download the LTS version.

Install Visual Code:

I’m including Visual Code installation also as a part of “Environment Setup For React.JS”. So good and important code editor

Visual code seems to be “the” best editor for JS code and it manages the packages and routes fairly than the rest of the others.

Download from this site https://code.visualstudio.com/Download And I’m using the configuration mentioned  in the screenshot

Create React-App:

Open the command prompt for NodeJS. provide the following commands

node –version

Should give you the version number

npm –version

should give a version number

Now run command to install react-app:

npm install -g create-react-app.

Note: If you’re using the latest version then use npx instead of npm.

you see the following after the installation is done

create-react-app [AppName]

In the place of [AppName] use your own application  name without the square brackets

npm create-react-app –version 

Should display 3.0.0 version (any other shouldn’t be expected here)

Run React Project:
Navigate to the project folder
cd <project cname>

npm start

Happy coding!!!!!!!!!!!