The performance of the application is a really important metric. One of the factors that we, as developers, can control is the bundle size of our application, as well as its optimization. Since we have used a couple of external libraries, namely Clarity components and Lodash, let's analyze our bundle and see whether we can reduce the bundle's size.
There are a couple of tools that we can use, such as source-map-explorer and webpack-bundle-analyzer. We will be using source-map-explorer here, but I will also show you how to use webpack-bundle-analyzer so that you can try it for yourself. You may prefer it over source-map-explorer.
Let's build our application using the prod setting and the flag for source maps. Source maps map the minified source code to the unminified version. source-map-explorer uses it to display what's...