Tvorba webových aplikací s využitím micro frontend architektury

Jakub Hromádko

Diplomová práce

Development of Web Applications Using Micro Frontend Architecture

Anotace:

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.

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.

Klíčová slova

webové aplikace, frontend, softwarové architektury, micro frontend, TypeScript, React

Keywords

web applications, frontend, software architectures, micro frontend, TypeScript, React

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 26. 6. 2024

Obhajoba závěrečné práce

• Obhajoba proběhla 2024
• Vedoucí: Adam Krbušek
• Oponent: Alena Buchalcevová

Vysoká škola ekonomická v Praze

Magisterský studijní program / obor:
Informační systémy a technologie / Vývoj informačních systémů