Аналіз та порівняння стратегій впровадження мікро-фронтендів із використанням бібліотеки ReactJS, засобів Webpack Module Federation, Single-SPA та додаткових плагінів

Abstract

Об’єкт дослідження: процес розробки та впровадження мікрофронтенд архітектури в веб-додатках, що використовують бібліотеку ReactJS. Предмет дослідження: стратегія реалізації мікрофронтендів з використанням бібліотеки ReactJS, засобів Webpack Module Federation та фреймворку Single-SPA. Мета роботи: проведення аналізу, порівняння стратегій впровадження мікрофронтендів та розробка прототипу на базі ReactJS з використанням Webpack Module Federation та Single-SPA. тСтруктура роботи включає дослідження теоретичних засад архітектури мікрофронтендів, аналіз особливостей імплементації мікрофронтендів за допомогою Webpack Module Federation та можливостей фреймворку Single-SPA, розгляд використання ReactJS у контексті мікрофронтендів. Розроблено прототипи вебзастосунку з використанням обох досліджуваних технологій, проведено їх тестування та порівняльний аналіз.

Object of research: the process of developing and implementing microfrontend architecture in web applications using the ReactJS library. Subject of research: strategies for implementing microfrontends using the ReactJS library, Webpack Module Federation tools, and the Single-SPA framework. Aim of the work: to analyze and compare microfrontend implementation strategies and to develop a prototype based on ReactJS using Webpack Module Federation and Single-SPA. The structure of the work includes the study of theoretical foundations of microfrontend architecture, analysis of the specifics of microfrontend implementation using Webpack Module Federation and the capabilities of the Single-SPA framework, and consideration of ReactJS usage in the context of microfrontends. Prototypes of a web application were developed using both researched technologies, followed by their testing and comparative analysis.