ReactJS - Example

Let us create a sample expense manager apppcation by applying the concepts that we have learned in this tutorial. Some of the concepts are psted below −

React basics (component, jsx, props and state)

Router using react-router

Http cpent programming (Web API)

Form programming using Formik

Advanced state management using Redux

Async / await programming

Features

Some of the features of our sample expense manager apppcation are −

Listing all the expenses from the server

Add an expense item

Delete an expense item

Here,

Expense manager API

Install necessary modules

State management

List expenses

Add expense