2- Creating React App and Extensions that help us

In order to create a react app we need 

1-   Node.js

2-   Microsoft Visual Studio Code(VS Code)

3-   Extensions (Optional but makes coding Easier and Fun)

Some of the extensions we have used  are:

Thunder Client :

The Thunder Client is  Rest API Client Extension that allows developers to test HTTP request and view the response message in VSCode directly. 

Similar to POSTMAN API.

ES7 React/Redux/GraphQL/React-Native snippets :

You simply type in a short string (usually 2-3 characters) and it expands into code section.

For example - You type   imp  and you get  import moduleName from 'module' 

Bracket pair colorizer :

This extension allows matching brackets to be identified with colours. The user can define which tokens to match, and which colours to use.

Auto rename tag :

Auto rename tag is a good extension that helps you to auto rename paired HTML and XML tags.

In simple words if you make changes in opening tag same changes occur in respective closing tag. 

CREATING OUR FIRST REACT APP

Before going any further you need to know that all the things we learn or hope to learn about already exist in official documentation of React JS website.

Site link (  https://reactjs.org/  )

Click on docs in site and chose your topic you need or want to learn.

In order to create and host a React JS website you need a package that creates a frontend build pipeline, so you can use it with any backend you want.

You can achieve that by passing this command in your VSCode terminal

     npx create-react-app my-app          

This command creates a  React app... The name of that app is  my-app

In order to change the name of  app put the name( in my case name is textformat) in place of my-app.

          npx create-react-app textformat