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