Code splitting or lazy loading

When we build our application to deploy for production, all the JavaScript is bundled into a unique JavaScript file. It's very handy, because once the browser loads this file, the whole application is already on the client side and no one is worried about loading more things. Of course, this is only valid for SPAs.

Our ProFitOro application (at least at this stage) benefits from such bundling behavior – it's small, it's a single request, everything is in place and we don't need to request anything from the server for any of the JavaScript files.

However, this kind of bundling might have some downsides. I am pretty sure that you have already built or have already seen huge JavaScript applications. There'll always be some point when loading huge bundles will become unbearably slow, especially when we want these apps to run on both desktop and mobile environments.

An obvious solution for this problem would be to split the code in such a way that different chunks...