Micro-Frontends: Principles, Implementations, and Pitfalls

Micro-Frontends is an emerging approach aimed at decomposing the frontend into individual and semi-independent micro applications. Micro-Frontends enable teams to develop the full-stack, from the database to the back-end to the frontend part. Teams are independent and can follow the same guardrails and can make technical decisions associated with their business domain. Many companies, such as SAP, Springer, Zalando, NewRelic, Ikea, Starbucks, and DAZN adopted Micro-Frontends. Micro-Frontends have several advantages, but also drawbacks. In this article, we introduce Micro-Frontends describing the main principles, and presenting the approaches to decompose a web page into Micro- Frontends. Moreover, we report our experience in developing Micro-Frontends describing pros, cons, and issues we faced at DAZN.