Steps

1. npm init
2. npm install @babel/cli @babel/core @babel/plugin-proposal-class-properties @babel/preset-env @babel/preset-react babel-loader css-loader prop-types react style-loader url-loader webpack webpack-cli webpack-node-externals --save-dev

Babel

Basically, we use babel to compile our jsx files to ES6 code to lower the version of javascript which can be run by most of the browsers.

Webpack

Is a package bundler which helps us in bundling our numerous dependencies into a single file or clubs those to a few