Chapter 11: Adding CRUD Functionalities

This chapter describes how we can implement CRUD functionalities in 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
  • Deleting, adding, and updating data using the REST API
  • How to show toast messages to the user
  • Exporting data to the CSV file from the React app

Technical requirements

The Spring Boot application that we created ...

Get Full Stack Development with Spring Boot and React - Third Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.