Design and Implementation of Modular Frontend Architecture on Existing Application
Linkola, Lasse (2021)
2021
Tietotekniikan DI-ohjelma - Master's Programme in Information Technology
Informaatioteknologian ja viestinnän tiedekunta - Faculty of Information Technology and Communication Sciences
This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Hyväksymispäivämäärä
2021-05-24
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:tuni-202105175084
https://urn.fi/URN:NBN:fi:tuni-202105175084
Tiivistelmä
Modular architecture in frontend applications is still a fairly fresh concept, however microservices are widely used in backend software design. In UI development microservices are called micro frontends. Micro frontends are adopted by big companies more and more. In this thesis, we will go through the concepts and the implementation of a web application using micro frontends. The thesis tries to find out whether a modular architecture is a good fit for large-scale web applications.
The client had a problem where they could not easily upgrade their project dependencies. After taking a closer look at the existing architecture, it was determined that the existing architecture had some serious flaws that would cause issues even if the critical dependencies would be updated. It was decided to make a comprehensive refactor for the entire web application. Due to the modular structure of the application, micro frontends were chosen as the way to go.
After designing and implementing these changes, it was determined that micro frontends are a suitable contender for enterprise-level applications. No major obstacles were found that would prevent the usage of micro frontends. We found that micro frontends can bring many benefits such as independent module deployment, team-based module development, and simplified codebases.
The client had a problem where they could not easily upgrade their project dependencies. After taking a closer look at the existing architecture, it was determined that the existing architecture had some serious flaws that would cause issues even if the critical dependencies would be updated. It was decided to make a comprehensive refactor for the entire web application. Due to the modular structure of the application, micro frontends were chosen as the way to go.
After designing and implementing these changes, it was determined that micro frontends are a suitable contender for enterprise-level applications. No major obstacles were found that would prevent the usage of micro frontends. We found that micro frontends can bring many benefits such as independent module deployment, team-based module development, and simplified codebases.