Development of Web Applications Using Micro Frontend Architecture

Thesis title: Tvorba webových aplikací s využitím micro frontend architektury
Author: Hromádko, Jakub
Thesis type: Diplomová práce
Supervisor: Krbušek, Adam
Opponents: Buchalcevová, Alena
Thesis language: Česky
Abstract:
Dříve nebo později se aplikace s narůstajícím nárokem na funkcionalitu promění z jednoduché aplikace na jeden velký monolit, který se stává hůře spravovatelný. Micro frontend architektura po vzoru mikroslužeb se snaží rozdělit monolit na více samostatných na sobě nezávislých aplikací, které ale jsou na rozdíl od mikroslužeb potřeba zpátky složit, tak aby koncový uživatel nic nepoznal. Použití micro frontend architektury s sebou nese řadu přínosů a rizik, které je potřeba před její implementací důležité zvážit. Společně s tím existuje řada přístupů a frameworků, které lze v rámci implementace použít. Tato diplomová práce se zaměřuje na tvorbu webových aplikací s využitím micro frontend architektury formou navržení metodiky pro zjednodušení výběru architektury s efektivnějším návrhem a implementací. Metodika vychází především ze zkušeností odborníků z praxe s touto architekturou. V rámci práce je podle navržené metodiky vytvořen prototyp webové aplikace, který ukazuje její využití. Součástí práce je také identifikování moderních přístupů týkajících se frontend vývoje společně s přístupy týkají se micro frontend architektury.
Keywords: webové aplikace; frontend; softwarové architektury; micro frontend; TypeScript; React
Thesis title: Development of Web Applications Using Micro Frontend Architecture
Author: Hromádko, Jakub
Thesis type: Diploma thesis
Supervisor: Krbušek, Adam
Opponents: Buchalcevová, Alena
Thesis language: Česky
Abstract:
Sooner or later, as the application demand for functionality increases, the application turns from a simple application into one big monolith that becomes harder to manage. Micro frontend architecture, following the example of microservices, tries to split the monolith into multiple independent applications, but unlike microservices, they need to be folded back together so that the end user doesn't recognize anything. Using a micro frontend architecture carries several benefits and risks that are important to consider before implementing it. There are several approaches and frameworks that can be used for implementation. This thesis focuses on the development of web applications using micro frontend architecture by proposing a methodology to simplify the choice of architecture with more efficient design and implementation. The methodology is mainly based on the knowledge of experts with experience in micro frontend architecture. A prototype of the web application is developed according to the proposed methodology to demonstrate its use. The work also includes the identification of modern approaches related to frontend development along with approaches related to micro frontend architecture.
Keywords: web applications; frontend; software architectures; micro frontend; TypeScript; React

Information about study

Study programme: Informační systémy a technologie/Vývoj informačních systémů
Type of study programme: Magisterský studijní program
Assigned degree: Ing.
Institutions assigning academic degree: Vysoká škola ekonomická v Praze
Faculty: Faculty of Informatics and Statistics
Department: Department of Information Technologies

Information on submission and defense

Date of assignment: 3. 11. 2022
Date of submission: 26. 6. 2024
Date of defense: 4. 10. 2024
Identifier in the InSIS system: https://insis.vse.cz/zp/82642/podrobnosti

Files for download

    Last update: