ReactJS - Example

In this chapter, let us create a sample expense manager application by applying the concepts that we have learned in this tutorial. Some of the concepts are listed below −

• React basics (component, jsx, props and state)

• Router using react-router

• Http client 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 application 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