This chapter describes how we can implement CRUD functionalities to our frontend. We are going to use the components that we learned about in Chapter 9, Useful Third-Party Components for React. We will fetch data from our backend and present the data in a table. Then, we will implement the delete, edit, and add functionalities. In the final part of this chapter, we will add features so that we can export data to a CSV file.

In this chapter, we will cover the following topics:

• Creating the list page
• How to delete, add, and update data using the REST API
• How to show toast messages to the user
• How to export data to the CSV file from the React app