{"status":"ok","message-type":"work","message-version":"1.0.0","message":{"indexed":{"date-parts":[[2026,2,24]],"date-time":"2026-02-24T19:44:39Z","timestamp":1771962279326,"version":"3.50.1"},"reference-count":11,"publisher":"Association for Computing Machinery (ACM)","issue":"4","license":[{"start":{"date-parts":[[2022,9,27]],"date-time":"2022-09-27T00:00:00Z","timestamp":1664236800000},"content-version":"vor","delay-in-days":0,"URL":"https:\/\/www.acm.org\/publications\/policies\/copyright_policy#Background"}],"content-domain":{"domain":["dl.acm.org"],"crossmark-restriction":true},"short-container-title":["SIGSOFT Softw. Eng. Notes"],"published-print":{"date-parts":[[2022,9,27]]},"abstract":"<jats:p>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.<\/jats:p>","DOI":"10.1145\/3561846.3561853","type":"journal-article","created":{"date-parts":[[2022,9,28]],"date-time":"2022-09-28T22:20:01Z","timestamp":1664403601000},"page":"25-29","update-policy":"https:\/\/doi.org\/10.1145\/crossmark-policy","source":"Crossref","is-referenced-by-count":19,"title":["Micro-Frontends"],"prefix":"10.1145","volume":"47","author":[{"given":"Davide","family":"Taibi","sequence":"first","affiliation":[{"name":"University of Oulu &amp; Tampere University, Finland"}]},{"given":"Luca","family":"Mezzalira","sequence":"additional","affiliation":[{"name":"Amazon Web Services, London, United Kingdom"}]}],"member":"320","published-online":{"date-parts":[[2022,9,28]]},"reference":[{"key":"e_1_2_1_1_1","volume-title":"Thoughtworks Radar Techniques","author":"Micro-Frontends","year":"2016","unstructured":"Micro-Frontends . Thoughtworks Radar Techniques 2016 . https:\/\/www.thoughtworks.com\/radar\/techniques\/Micro- Frontends Micro-Frontends. Thoughtworks Radar Techniques 2016. https:\/\/www.thoughtworks.com\/radar\/techniques\/Micro- Frontends"},{"key":"e_1_2_1_2_1","unstructured":"Custom Elements browsers compatibility https:\/\/caniuse.com\/#feat=custom-elementsv1  Custom Elements browsers compatibility https:\/\/caniuse.com\/#feat=custom-elementsv1"},{"key":"e_1_2_1_3_1","unstructured":"Transclusion Wikipedia https:\/\/en.wikipedia.org\/wiki\/Transclusion  Transclusion Wikipedia https:\/\/en.wikipedia.org\/wiki\/Transclusion"},{"key":"e_1_2_1_4_1","unstructured":"Building Spotify's new web player. Spotify tech blog. Available online https:\/\/labs.spotify.com\/2019\/03\/25\/building-spotifysnew- web-player\/  Building Spotify's new web player. Spotify tech blog. Available online https:\/\/labs.spotify.com\/2019\/03\/25\/building-spotifysnew- web-player\/"},{"key":"e_1_2_1_5_1","unstructured":"Webpack 5 module federation a game-changer to JavaScript architecture https:\/\/medium.com\/@ScriptedAlchemy\/webpack-5-modulefederation- a-game-changer-to-javascript-architecturebcdd30e02669  Webpack 5 module federation a game-changer to JavaScript architecture https:\/\/medium.com\/@ScriptedAlchemy\/webpack-5-modulefederation- a-game-changer-to-javascript-architecturebcdd30e02669"},{"key":"e_1_2_1_6_1","volume-title":"com","author":"Lewis James","year":"2014","unstructured":"Lewis , James , and Martin Fowler . \" Microservices .\"Martin- Fowler . com ( 2014 ). Lewis, James, and Martin Fowler. \"Microservices.\"Martin- Fowler. com (2014)."},{"key":"e_1_2_1_7_1","unstructured":"Luca Mezzalira. Building Micro-Frontends. Scaling Teams and Projects Empowering Developers. O'Reilly. 2020  Luca Mezzalira. Building Micro-Frontends. Scaling Teams and Projects Empowering Developers. O'Reilly. 2020"},{"key":"e_1_2_1_8_1","volume-title":"Zhiyuan Su. Research and Application of Micro Frontends. IOP Conference on Materials Science and Engineering","volume":"490","author":"Caifang Yang Chuanchang Liu","year":"2019","unstructured":"Caifang Yang , Chuanchang Liu , Zhiyuan Su. Research and Application of Micro Frontends. IOP Conference on Materials Science and Engineering , Volume 490 , Issue 6. 2019 Caifang Yang, Chuanchang Liu, Zhiyuan Su. Research and Application of Micro Frontends. IOP Conference on Materials Science and Engineering, Volume 490, Issue 6. 2019"},{"key":"e_1_2_1_9_1","unstructured":"SAP Luigi Framework https:\/\/luigi-project.io  SAP Luigi Framework https:\/\/luigi-project.io"},{"key":"e_1_2_1_10_1","unstructured":"Erik Grijzen. Micro Frontend Architecture Building an Extensible UI Platform. Devoxx Belgium 2019 https:\/\/www.youtube.com\/watch?v=9Xo-rGUq-6E&feature= youtu.be)  Erik Grijzen. Micro Frontend Architecture Building an Extensible UI Platform. Devoxx Belgium 2019 https:\/\/www.youtube.com\/watch?v=9Xo-rGUq-6E&feature= youtu.be)"},{"key":"e_1_2_1_11_1","doi-asserted-by":"crossref","unstructured":"Severi Peltonen Luca Mezzalira and Davide Taibi. Motivations benefits and issues for adopting micro-frontends: a multivocal literature review. Information and Software Technology 136. 2021  Severi Peltonen Luca Mezzalira and Davide Taibi. Motivations benefits and issues for adopting micro-frontends: a multivocal literature review. Information and Software Technology 136. 2021","DOI":"10.1016\/j.infsof.2021.106571"}],"container-title":["ACM SIGSOFT Software Engineering Notes"],"original-title":[],"language":"en","link":[{"URL":"https:\/\/dl.acm.org\/doi\/10.1145\/3561846.3561853","content-type":"unspecified","content-version":"vor","intended-application":"text-mining"},{"URL":"https:\/\/dl.acm.org\/doi\/pdf\/10.1145\/3561846.3561853","content-type":"unspecified","content-version":"vor","intended-application":"similarity-checking"}],"deposited":{"date-parts":[[2025,6,17]],"date-time":"2025-06-17T19:02:24Z","timestamp":1750186944000},"score":1,"resource":{"primary":{"URL":"https:\/\/dl.acm.org\/doi\/10.1145\/3561846.3561853"}},"subtitle":["Principles, Implementations, and Pitfalls"],"short-title":[],"issued":{"date-parts":[[2022,9,27]]},"references-count":11,"journal-issue":{"issue":"4","published-print":{"date-parts":[[2022,9,27]]}},"alternative-id":["10.1145\/3561846.3561853"],"URL":"https:\/\/doi.org\/10.1145\/3561846.3561853","relation":{},"ISSN":["0163-5948"],"issn-type":[{"value":"0163-5948","type":"print"}],"subject":[],"published":{"date-parts":[[2022,9,27]]},"assertion":[{"value":"2022-09-28","order":2,"name":"published","label":"Published","group":{"name":"publication_history","label":"Publication History"}}]}}