This chapter explains how to use Material-UI components in our frontend. We will use the Button component to show the styled buttons. The modal form input fields are replaced by TextField components, which have many nice features. Material-UI provides the Snackbar component, which can show the toast messages to an end user. We replace the react-toastify component with Snackbar to get a uniform outlook. Finally, we use the AppBar component instead of the React app header.

In this chapter, we will look at the following:

• What is Material-UI?
• How to use Material-UI components in our frontend
• How to remove unused components in the React app