Abstract
The term micro frontend is relatively new, and it is a continuation of the microservice architecture on the client-side. This paper researches the possibility to use micro frontend architecture for frontend code reusability. The goal of this paper is to achieve code reusability by providing a good organizational structure by using a micro frontend approach. Reusing the code should help to increase the time to market and allow for better scalability. The paper starts by overviewing the base characteristics of domain-driven design as one of the key concepts behind micro frontend architecture. It continues with evaluating existing micro frontend architectures by a set of defined qualitative attributes. Lastly, it uses the findings from the evaluation in building a technical solution. The implementation process can be divided into two phases: decomposition of an existing frontend application; reusing the code by integrating the decomposed components in a new micro frontend application. The results of the implementation process should confirm the micro frontend approach for code reusability.
This is a preview of subscription content, log in via an institution to check access.
Access this chapter
Tax calculation will be finalised at checkout
Purchases are for personal use only
Similar content being viewed by others
References
Roesler, V., Barrére, E., Willrich, R.: Special Topics in Multimedia, IoT and Web Technologies, 1st edn. Springer, Switzerland (2020). https://doi.org/10.1007/978-3-030-35102-1
Article on monolithic architecture patterns. https://microservices.io/patterns/monolithic.html. Accessed 11 June 2022
Farcic, V.: The DevOps 2.0 Toolkit, 1st edn. Leanpub, Victoria (2016)
Article on microservices. https://martinfowler.com/articles/microservices.html. Accessed 11 June 2022
Newman, S.: Building Microservices, 1st edn. O’Reilly, Sebastopol (2015)
Blog post. https://www.joelonsoftware.com/2000/04/06/things-you-should-never-do-part-i. Accessed 13 June 2022
Medium article. https://medium.com/@herbcaudill/lessons-from-6-software-rewrite-stories-635e4c8f7c22. Accessed 13 June 2022
Micro Frontends Homepage. https://micro-frontends.org. Accessed 13 June 2022
Article on micro frontends. https://www.martinfowler.com/articles/micro-frontends.html. Accessed 13 June 2022
Evans, E.: Domain-Driven Design: Tackling Complexity in the Heart of Software, 1st edn. Addison Wesley, Boston (2003)
Manfred, S.: Enterprise Angular - DDD, Nx Monorepos and Micro Frontends, 4th edn. Lean Pub, Victoria (2020)
Mezzalira, L.: Building Micro-Frontends, 1st edn. O’Reilly Media, Sebastopol (2021)
Geers, M.: Micro Frontends in Action, 1st edn. Manning Publications, Shelter Island (2020)
Rappl, F.: The Art of Micro Frontends, 1st edn. Packt, Birmingham (2021)
W3Schoos. https://www.w3.org/TR/esi-lang/. Accessed 17 June 2022
The future of micro frontends. https://betterprogramming.pub/the-future-of-micro-frontends-2f527f97d506. Accessed 07 June 2022
W3Schoos. https://www.w3schools.com/tags/tag_iframe.asp. Accessed 08 June 2022
Web Components Introduction. https://www.webcomponents.org/introduction. Accessed 08 June 2022
Micro-frontends building blocks: Webpack Module Federation. https://dev.to/aws-builders/micro-frontends-building-blocks-webpack-module-federation-360a. Accessed 14 June 2022
Webpack Module Federation. https://webpack.js.org/concepts/module-federation. Accessed 13 June 2022
The Micro frontend Revolution: Module Federation with Angular. https://www.angulararchitects.io/en/aktuelles/the-microfrontend-revolution-part-2-module-federation-with-angular/. Accessed 14 June 2022
Carnegie Mellon University Library. https://resources.sei.cmu.edu/asset_files/Webinar/2009_018_101_22232.pdf. Accessed 15 June 2022
ISO 25010. https://iso25000.com/index.php/en/iso-25000-standards/iso-25010. Accessed 15 June 2022
Medium article. https://medium.datadriveninvestor.com/the-case-for-favoring-simplicity-in-software-49fa9caf8da#:~:text=The%20case%20for%20favoring%20any,to%20the%20most%20important%20first. Accessed 15 June 2022
Good Developer Experience Practices. https://developerexperience.io/practices/good-developer-experience. Accessed 15 June 2022
Angular Bootstrapping Guide. https://angular.io/guide/bootstrapping. Accessed 15 June 2022
Author information
Authors and Affiliations
Corresponding author
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2022 The Author(s), under exclusive license to Springer Nature Switzerland AG
About this paper
Cite this paper
Stefanovska, E., Trajkovik, V. (2022). Evaluating Micro Frontend Approaches for Code Reusability. In: Zdravkova, K., Basnarkov, L. (eds) ICT Innovations 2022. Reshaping the Future Towards a New Normal. ICT Innovations 2022. Communications in Computer and Information Science, vol 1740. Springer, Cham. https://doi.org/10.1007/978-3-031-22792-9_8
Download citation
DOI: https://doi.org/10.1007/978-3-031-22792-9_8
Published:
Publisher Name: Springer, Cham
Print ISBN: 978-3-031-22791-2
Online ISBN: 978-3-031-22792-9
eBook Packages: Computer ScienceComputer Science (R0)