React JS Tutorial for Beginners

This blog help you to self learn React JS step by step. In this tutorial react tutorial i have covered how to create  react js application, react crud application using rest api, react components. 

To work with react JS to create Web application frontend, we have to follow the below steps:

• First we have to download node js. To download node js please use below link.

• https://nodejs.org/en/download/

• Select According to the operating system, as I have selected LTS Windows Installer 64 bit.
•  Download node JS and install.
• To check the node JS version open command prompt and type npm -v  and then press enter as below.

• Install Visual Studio Code application to create react JS application. Please follow below step to download.
• https://code.visualstudio.com/download

•  Run setup to Install Visual studio code.

 Create React Application.

To create React application follow the below steps:

• Open command prompt and move to the directory where you want to create application.

• Type below command to create react application as below

• As we can see in below screen app is creating. wait for a while.

• After running successful react application will be created in below directory.

Import Application to Visual Studio Code Tool.

 To Import follow below step.

• Open command prompt and move to the application directory and type the below command.

• After enter Visual studio Code tool will open with created application as below.

How To Run The react application:

To Run the default application follow the below steps.

• Open terminal and type below command as show.

• Type the below command to run the react application.

• Compile successfully and application started using default port 3000 as below.

• We can see the default look of application on web browser as below.