Building Enterprise JavaScript Applications

Modularizing our components

Next, we are going to completely gut out every JavaScript script inside our src/index.html. First, remove all the dependency <script> tags, such as React, ReactDOM, Babel, and bcryptjs. Then, we will use yarn to install them instead.

$ yarn add react react-dom bcryptjs$ yarn add @babel/core @babel/preset-react @babel/preset-env @babel/plugin-proposal-class-properties --dev

Babel is split into multiple smaller packages. This allows developers to use just the one they want, and not include unnecessary features.

We can now use these packages by importing them, just as we did with our back-end code.

Next, we will split our JavaScript code within index.html into separate modules. We will create:

• A utils directory to ...