Impacts and Challenges of Adopting Micro-Frontends

Context: Incorporating new technologies into monolithic frontend projects has been challenging for software development teams, due to issues such as code redundancy, inconsistency, and scalability. To address these challenges, the micro-frontend architecture emerged, offering a more modular and independent solution. Goal: This study aims to investigate the impacts and challenges of adopting the micro-frontend architecture. Method: We conducted a Systematic Mapping Study (SMS) to identify the architectural patterns and approaches used in micro-frontends. Additionally, we carried out a survey to validate the strategies and challenges of adopting this architecture. Results: The findings highlight the relevance of the micro-frontend architecture in modernizing the frontend layer. However, its adoption is closely tied to the complexity and size of the project and team. Therefore, implementing the micro-frontend architecture with a well-defined set of methodological and technological decisions increases the likelihood of successful adoption.