Аналіз та дослідження мікрофронтендних архітектур на основі розробки високонавантажених веб-застосунків

Abstract

UA : Мета дослідження полягає у вивченні основних принципів, переваг та недоліків архітектури мікрофронтендів. Основні завдання включають аналіз сучасних підходів до створення веб-додатків, дослідження технічних аспектів мікрофронтендів та їх практичне застосування. У процесі дослідження було розглянуто проблему створення та управління масштабованими веб-додатками з використанням концепції мікрофронтендів. Особлива увага була приділена методам розбиття великих фронтенд-проектів на менші, незалежні частини, які можуть бути розроблені, тестовані та випущені окремо одна від одної. Як результат, було розроблено архітектурну модель мікрофронтендів, яка інтегрує різні фреймворки та бібліотеки, такі як React, Vue.js та Angular, у єдиний користувацький інтерфейс. Окрім цього, було створено демонстраційний веб-додаток, що використовує цю модель для підвищення гнучкості та швидкості розробки, а також для ефективного розподілу ресурсів команди розробників.

EN : The aim of the study is to investigate the main principles, advantages, and disadvantages of microfrontend architecture. The main tasks include the analysis of modern approaches to web application development, research of the technical aspects of microfrontends, and their practical application. In the course of the research, the problem of creating and managing scalable web applications using the concept of microfrontends was considered. Special attention was given to methods of dividing large frontend projects into smaller, independent parts that can be developed, tested, and released separately. As a result, an architectural model of microfrontends was developed, integrating various frameworks and libraries, such as React, Vue.js, and Angular, into a single user interface. In addition, a demonstration web application was created that uses this model to increase flexibility and development speed, as well as to effectively distribute the resources of the development team.