Skip to main content

Evaluating Micro Frontend Approaches for Code Reusability

  • Conference paper
  • First Online:
ICT Innovations 2022. Reshaping the Future Towards a New Normal (ICT Innovations 2022)

Part of the book series: Communications in Computer and Information Science ((CCIS,volume 1740))

Included in the following conference series:

  • 413 Accesses

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

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 64.99
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 84.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

References

  1. 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

  2. Article on monolithic architecture patterns. https://microservices.io/patterns/monolithic.html. Accessed 11 June 2022

  3. Farcic, V.: The DevOps 2.0 Toolkit, 1st edn. Leanpub, Victoria (2016)

    Google Scholar 

  4. Article on microservices. https://martinfowler.com/articles/microservices.html. Accessed 11 June 2022

  5. Newman, S.: Building Microservices, 1st edn. O’Reilly, Sebastopol (2015)

    Google Scholar 

  6. Blog post. https://www.joelonsoftware.com/2000/04/06/things-you-should-never-do-part-i. Accessed 13 June 2022

  7. Medium article. https://medium.com/@herbcaudill/lessons-from-6-software-rewrite-stories-635e4c8f7c22. Accessed 13 June 2022

    Google Scholar 

  8. Micro Frontends Homepage. https://micro-frontends.org. Accessed 13 June 2022

  9. Article on micro frontends. https://www.martinfowler.com/articles/micro-frontends.html. Accessed 13 June 2022

  10. Evans, E.: Domain-Driven Design: Tackling Complexity in the Heart of Software, 1st edn. Addison Wesley, Boston (2003)

    Google Scholar 

  11. Manfred, S.: Enterprise Angular - DDD, Nx Monorepos and Micro Frontends, 4th edn. Lean Pub, Victoria (2020)

    Google Scholar 

  12. Mezzalira, L.: Building Micro-Frontends, 1st edn. O’Reilly Media, Sebastopol (2021)

    Google Scholar 

  13. Geers, M.: Micro Frontends in Action, 1st edn. Manning Publications, Shelter Island (2020)

    Google Scholar 

  14. Rappl, F.: The Art of Micro Frontends, 1st edn. Packt, Birmingham (2021)

    Google Scholar 

  15. W3Schoos. https://www.w3.org/TR/esi-lang/. Accessed 17 June 2022

  16. The future of micro frontends. https://betterprogramming.pub/the-future-of-micro-frontends-2f527f97d506. Accessed 07 June 2022

  17. W3Schoos. https://www.w3schools.com/tags/tag_iframe.asp. Accessed 08 June 2022

  18. Web Components Introduction. https://www.webcomponents.org/introduction. Accessed 08 June 2022

  19. Micro-frontends building blocks: Webpack Module Federation. https://dev.to/aws-builders/micro-frontends-building-blocks-webpack-module-federation-360a. Accessed 14 June 2022

  20. Webpack Module Federation. https://webpack.js.org/concepts/module-federation. Accessed 13 June 2022

  21. 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

  22. Carnegie Mellon University Library. https://resources.sei.cmu.edu/asset_files/Webinar/2009_018_101_22232.pdf. Accessed 15 June 2022

  23. ISO 25010. https://iso25000.com/index.php/en/iso-25000-standards/iso-25010. Accessed 15 June 2022

  24. 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

  25. Good Developer Experience Practices. https://developerexperience.io/practices/good-developer-experience. Accessed 15 June 2022

  26. Angular Bootstrapping Guide. https://angular.io/guide/bootstrapping. Accessed 15 June 2022

Download references

Author information

Authors and Affiliations

Authors

Corresponding author

Correspondence to Vladimir Trajkovik .

Editor information

Editors and Affiliations

Rights and permissions

Reprints and permissions

Copyright information

© 2022 The Author(s), under exclusive license to Springer Nature Switzerland AG

About this paper

Check for updates. Verify currency and authenticity via CrossMark

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)

Publish with us

Policies and ethics