In this chapter, we’ll take a look at features common to many applications. These features cut across the different technologies (front-end, back-end, database) that the MERN stack consists of, and requires us to put together changes in all of them to make them work.
We’ll first refactor the UI code to reuse common code across many components that display the Toast messages. We’ll move most of the repeated code in the components into new file using a pattern common to React. Then, we’ll implement the Report page that has until now been a placeholder. This will require us to use ...