ДОСЛІДЖЕННЯ МІКРОФРОНТЕНД АРХІТЕКТУРИ ДЛЯ ПОБУДОВИ МАСШТАБОВАНИХ ВЕБ-СИСТЕМ
##plugins.themes.bootstrap3.article.sidebar##
##plugins.themes.bootstrap3.article.main##
Анотація
У роботі досліджено підходи до проектування та реалізації масштабованих веб-систем
на основі мікрофронтенд архітектури з використанням технологій Module Federation та
інструментарію Nx. Виконано порівняльний аналіз методів інтеграції мікрофронтендів:
інтеграції на етапі збірки, ізоляції через iframe та інтеграції на етапі виконання.
Обґрунтовано вибір патерну Shell-Remote як основи для проектування розподіленої системи
управління задачами. Розроблено методику організації монорепозиторію з чітким поділом на
шари (Applications, Feature Libraries, Shared UI, Data Access), що забезпечує повторне
використання коду та уникнення дублювання. Проведено експериментальне дослідження
ефективності запропонованого підходу: встановлено, що використання бандлера Rspack
скорочує час збірки більш ніж у 10 разів порівняно із Webpack, а застосування стратегії
ледачого завантаження (Lazy Loading) зменшує обсяг початкового завантаження сторінки на
81%. Отримані результати підтверджують доцільність застосування досліджуваного
архітектурного підходу для побудови корпоративних (Enterprise-рівня) веб-систем.
##plugins.themes.bootstrap3.article.details##
Ця робота ліцензується відповідно до Creative Commons Attribution 4.0 International License.
Посилання
Jackson C. (2019) Micro Frontends. Martin Fowler Blog. Available at:
https://martinfowler.com/articles/micro-frontends.html
Mezzalira L. (2021) Building Micro-Frontends: Scaling Teams and Projects. O'Reilly Media, 300 p.
Geers M. (2020) Micro Frontends in Action. Manning Publications, 256 p.
Webpack Module Federation. Official Documentation. Available at:
https://webpack.js.org/concepts/module-federation/
Newman S. (2021) Building Microservices: Designing Fine-Grained Systems. O'Reilly Media, 600 p.
Nx Documentation. Monorepo for modern development. Available at: https://nx.dev/
Zod Documentation. TypeScript-first schema declaration and validation. Available at: https://zod.dev/
Nrwl. Nx: Smart Monorepos, Fast CI. Available at: https://nx.dev/concepts/mental-model
Rspack Team. Rspack: The Rust-based web bundler. Available at: https://www.rspack.dev/