Architecture for Large-Scale Web Apps
In the previous chapter, we explored building and scaling large-scale applications in Vue 3. We discussed why we need Vue.js performance optimization, the primary reasons behind poor Vue performance, how to check your Vue.js application’s bundle size, and optimizing the performance of an enterprise Vue application using different methods such as asynchronous/lazy component loading, WebP images, and image compression and code splitting.
In this chapter, we will learn how to handle a sizable enterprise-ready project, from managing larger file structures to using the micro frontend architecture. We will also learn how to handle the internationalization and localization of our Vue.js 3 project.
We will cover the following key topics in this chapter:
- File architecture and structure
- Micro frontend architecture
- Internationalization and localization
By the end of this chapter, you will know how to architect large-scale...