Setting up for React development

Before we can start developing with React in our existing skeleton code base, we first need to add configuration to compile and bundle the frontend code, add the React-related dependencies necessary to build the interactive interface, and tie it all together in the MERN development flow.

Configuring Babel and Webpack

To compile and bundle the client code to run it during development and also bundle it for production, we will update the configuration for Babel and Webpack.

Babel

For compiling React, first install the Babel React preset...