React Features

React is a javascript based library which could be used to create reactive and responsive UI.We can add additonal library to create those functionality.

For example:

Routing- routing library

HTTP --- axios library to call backend api

Manaing app state --- redux library

Internationalization

Form validation -- reactform

Animations

It support one way data binding.

2 ways to create React component

Class based

If we have class based componenet, then we can hook life cycle method to call backend api.

Life cycle method

didMount for adding compnent

didUnmount- for deleting compoenet

didUpdate() -- for updating componenet

2. Function based

In Function based, we need to get class based functionality into this , so we need to use hook like useEffect.

Comand to install library

===

For alert messages

npm install --save react-toastify

For Router Functionality

npm install react-router-dom

For Bootstrap

npm install bootstrap --save

For HTTP API Call

npm install --save axios

For react snipper plugin in VS

Install simple react snippet plugin in VS

To creat react app

npx create-react-app react-frontend

To run app

npm start

hit http://localhost:3000 in browser

Function based Implementation

==

In above, we make use of a hook -- useState that enable state initialization. With this function we initialize course array.setCourses is a function to update course array.