Using Micro Frontends for Modular Architecture of Web Applications

Pavel Olegovich Alekseev

Citation: Pavel Olegovich Alekseev, "Using Micro Frontends for Modular Architecture of Web Applications", Universal Library of Engineering Technology, Volume 01, Issue 02.

Copyright: This is an open access article distributed under the Creative Commons Attribution License, which permits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.

Abstract

The article analyzes the features that arise when using micro frontends in the modular architecture of web applications. In the context of the study, the applicability of the new MF-QI integral quality index, combining Web Vitals, bundle size, build time, and the cognitive load of teams, is substantiated. Subsequent analysis of the published experimental data confirms that the use of MF-QI leads to a statistically significant improvement in First Contentful Paint (FCP), a reduction in the size of the base bundle, and a reduction in the number of loading errors. The results obtained in the course of the work refine the conclusions of previous studies and for the first time demonstrate a correlation between user performance indicators and the mental workload of teams. Practical recommendations are offered on choosing the boundaries of bounded Contexts, managing the overall design system, and avoiding duplicate dependencies. The information contained in this article will be useful to software architects, developers, and engineers working to create scalable and maintainable web applications, as well as specialists researching modern approaches to improving interaction between various system components. In addition, the materials presented in the article will be of interest to researchers and practitioners involved in optimizing the development and implementation of innovative technologies to simplify integration, as well as testing in the context of micro frontends.


Keywords: Micro Frontends, SPA, Modular Monolith, Architecture Migration, Web Vitals, CI/CD, Cognitive Complexity.

Download doi https://doi.org/10.70315/uloap.ulete.2024.0102006