Pro MERN Stack: Full Stack Web App Development with Mongo, Express, React, and Node

© Vasan Subramanian 2019

Vasan SubramanianPro MERN Stackhttps://doi.org/10.1007/978-1-4842-4391-6_13

13. Advanced Features

Vasan Subramanian¹ 

(1)

Bangalore, Karnataka, India

 

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 ...