Micro Frontend-Based Development: Concepts, Motivations, Implementation Principles, and an Experience Report

Fernando Moraes, Fernando Moraes, Gabriel Nagassaki Campos, Nathalia Almeida, Frank Affonso

2024

Abstract

Micro frontend is an architectural style that enables us to build large software systems by combining independent micro applications, which can boost different aspects related to the development (e.g., innovation, continuous software delivery), besides increasing the flexibility and scalability of the final application itself. Although there are numerous benefits related to this architectural style, some companies are still hesitant to adopt development based on micro frontends because of a lack of knowledge about concepts, development approaches, architectural models, and organizational aspects of the company. This paper presents the results of a Systematic Mapping Study (SMS) on micro frontends based on 16 studies. The results were synthesized in an important overview that addressed concepts, aspects related to development (i.e., development approaches, architectural models, and company organization), and micro frontend trade-offs based on three scenarios. Next, we present a case study on an inventory control application based on the knowledge of this SMS, analyzing the development under three approaches (i.e., Build-time, Frameworkless, and Framework-based). As result, we observed our paper has a good perspective to contribute efficiently to the micro frontend domain by providing an overview of this research area and an experience report for researchers and practitioners.

Paper Citation

in Harvard Style

Moraes F., Nagassaki Campos G., Almeida N. and Affonso F. (2024). Micro Frontend-Based Development: Concepts, Motivations, Implementation Principles, and an Experience Report. In Proceedings of the 26th International Conference on Enterprise Information Systems - Volume 2: ICEIS; ISBN 978-989-758-692-7, SciTePress, pages 175-184. DOI: 10.5220/0012627300003690

in Bibtex Style

@conference{iceis24,
author={Fernando Moraes and Gabriel Nagassaki Campos and Nathalia Almeida and Frank Affonso},
title={Micro Frontend-Based Development: Concepts, Motivations, Implementation Principles, and an Experience Report},
booktitle={Proceedings of the 26th International Conference on Enterprise Information Systems - Volume 2: ICEIS},
year={2024},
pages={175-184},
publisher={SciTePress},
organization={INSTICC},
doi={10.5220/0012627300003690},
isbn={978-989-758-692-7},
}

in EndNote Style

TY - CONF

JO - Proceedings of the 26th International Conference on Enterprise Information Systems - Volume 2: ICEIS
TI - Micro Frontend-Based Development: Concepts, Motivations, Implementation Principles, and an Experience Report
SN - 978-989-758-692-7
AU - Moraes F.
AU - Nagassaki Campos G.
AU - Almeida N.
AU - Affonso F.
PY - 2024
SP - 175
EP - 184
DO - 10.5220/0012627300003690
PB - SciTePress