Как спроектировать приложение на годы вперед

Мир технологий меняется быстро, и создать большое приложение, которое можно поддерживать несколько лет, становится непростой задачей. Лет двенадцать назад создание большого монолита было обычной практикой. Семь лет назад многие подсели на микросервисную архитектуру. Причем микросервисами часто называли все подряд: и сервисно-ориентированный подход (SOA), и набор крупных сервисов, и распределенный монолит. Главное было быть в тренде. Сейчас маятник снова качнулся. Микросервисы уже не выглядят универсальным ответом: слишком хорошо видна их цена в инфраструктуре, отладке, версионировании контрактов и сопровождении. Поэтому все чаще можно услышать про модульный монолит. В этой статье я попробую набросать архитектурные и программные решения, которые позволяют создать и поддерживать веб-приложение в течение нескольких лет.

https://habr.com/ru/articles/1048828/

#архитектура_приложения #модульная_архитектура #модульный_монолит #долгоживущее_приложение #доменные_сервисы #API_Gateway #Backend_for_Frontend #Module_Federation #eventdriven_architecture #SOA

Module Federation на примере фишинга

Разберём микрофронтенд через историю вымышленного хакера — и заодно поймём, почему это спрашивают на собеседованиях. Недавно на собесе меня спросили: "А как именно работают микрофронты? Там что, прямо eval используют?" Я что-то промямлил про expose, host, сборку... и понял, что вообще не понимаю сути. Знакомо?

https://habr.com/ru/articles/979242/

#microfrontends #микрофронтенды #вебпак #webpack #module_federation

Как просто использовать SRI, когда у тебя микрофронты

И чтобы всё было безопасно.

https://habr.com/ru/companies/alfa/articles/940324/

#cdn #infra #microfrontends #микрофронтенды #module_federation

Electron + microfrontends

Недавно на проекте столкнулся с необычной задачей - сделать из готового React веб-приложения десктопную версию на Electron. Что же тут необычного? А то, что наше веб-приложение построено на микрофронтенд архитектуре и располагается в трёх отдельных репозиториях. А общение между микрофронтендами происходит в runtime через HTTP. И тут начинаются сложности, так как для создания дистрибутива, Electron'у нужен доступ к исходникам всего приложения. Хотя Electron легко подружить с Webpack , как это сделать с плагином Module Federation на первый взгляд не понятно. Поиск готового решения в интернете ничего не дал, кроме повисших в воздухе вопросов на Stack Overflow. Пришлось придумать своё решение, которое я и опишу здесь. Стек проекта типовой (React, Webpack Module Federation, Electron, Electron-forge), поэтому не буду подробно расписывать конфиги, лишь опишу ключевые моменты.

https://habr.com/ru/articles/934068/

#webpack #electron #module_federation #microfrontends

Как мы распилили монолит на микрофронтенды с Vite и не сошли с ума

Наш фронтенд начинался как простой SPA на React, собранный с помощью Vite — типичный монолит с несколькими страницами. Со временем проект оброс новыми функциями и интеграциями и начал становиться всё сложнее в поддержке. На горизонте появились новые вызовы: к продукту планировалось подключать всё больше независимых сервисов, а значит — ещё больше интеграций и роста кодовой базы. Мы понимали, что нагрузка на инфраструктуру будет только увеличиваться, поэтому решили заранее заложить архитектуру с расчётом на масштабирование. После изучения разных вариантов мы остановились на подходе микрофронтендов. Хотелось разграничить зоны ответственности между командами и ускорить разработку, не теряя гибкости. В качестве сборщика решили остаться на Vite — он быстро развивался, предлагал отличную DX и поддержку модульной федерации через плагин. Кроме того, важно было сохранить единый репозиторий, чтобы упростить CI/CD и управление зависимостями.

https://habr.com/ru/companies/beeline_tech/articles/918860/

#микрофронтенды #vite #frontops #module_federation #microfrontends #react

От Lerna до ModuleFederation

Привет, Хабр! Меня зовут Дмитрий Ханин, я работаю в Сбере и участвую в разработке Платформы ЦА — системы на базе блокчейн, занимающейся привлечением средств юридических и физических лиц. Сегодня хотелось бы рассказать про тот путь, который мы прошли за несколько лет, как организовали взаимодействие между разными приложениями и чем нам это помогло. Рассказ разделён на две части. В первой рассмотрим путь проекта и проблемы, с которыми сталкивались, а во второй разберём, как мы решали часть этих проблем.

https://habr.com/ru/companies/sberbank/articles/911748/

#module_federation #webpack #microfrontends #опыт_разработчика

Микрофронтенд на пальцах с module federation 2.0

Микрофронтенд на пальцах с module federation 2.0. Как собрать микрофронты из кубиков без магии по шагам.

https://habr.com/ru/articles/898278/

#микрофронтенды #webpack #module_federation #typescript

Webpack, Vite или Rspack: что это за зоопарк или как собирать микрофронтенды в 2025?

Привет! Разбираясь с микрофронтендами в монорепозитории для проекте с Vue3 пришёл к выводу, что так много уделяется внимания гибкости в построении архитектуры и бизнес-задачам, что все боятся заниматься улучшением "условий труда" связанных со сборкой приложения! Решил что эта задачка как раз мне подходит и представляю вашему вниманию небольшую статью которая возможно поможет вам сделать выбор или подтолкнет попробовать новые инструменты сборки фронтенда! Для справки - микрофронтенды у нас на Module Federation, Nx для управления монорепозиторием, общаемся мы через GraphQL, тестируем с Jest и конечно куда без TypeScript. Проект активно развивается, и с ростом его масштабов столкнулись с вопросом: какой сборщик лучше всего справится с нашими задачами? Webpack уже давно с нами, но его медлительность заставляет искать альтернативы. Vite обещает молниеносную разработку, а Rspack — производительность без сложной миграции. Давайте разберёмся, что подойдёт именно нам — и, возможно, вам.

https://habr.com/ru/articles/888478/

#сборка_проекта #webpack #vite #rspack #vuejs #module_federation #bundler

Переводим 50 приложений на Module Federation и ничего не ломаем

Привет, меня зовут Степан, я главный frontend-разработчик в Альфа-Банке. Проектом, о котором пойдёт речь, занимается наша команда. Только фронтенд-разработчиков в ней 60. Множество команд поддерживают более 50 приложений, приносящих прибыль бизнесу. У нас ранее были микрофронты, но они были построены не на WMF. Не вдаваясь в документацию, давайте покажу, как всё было устроено, чтобы описать причины переезда. Думаю, будет интересно, учитывая, что проект большой. Я расскажу о микрофронтендах и сопутствующей концепции Model Federation на примере большого проекта.

https://habr.com/ru/companies/alfa/articles/866944/

#module_federation #микрофронтенд #frontendразработка

Пора переходить на микрофронтенд? Опыт “Инферит Клаудмастер”

Приветствую всех новичков и гуру фронтенда, а также всех, кто работает с интерфейсами. Я Никита Борцов, создаю красоту на фронте первой в России FinOps-платформы для управления облачными затратами “ Инферит Клаудмастер ”. В этой статье вы узнаете о: - факторах, сформировавших тренд на уход фронтенд-разработки от монолита к микрофронтенду, - процессах со стороны команды разработки при переходе на микрофронтенд, - кейсе платформы “Инферит Кладумастер”: почему для нашей команды микрофронтенд с плагином Module Federation стал полезным решением, - признаках того, что пора переходить на микрофронтенд.

https://habr.com/ru/companies/inferit/articles/801737/

#микрофронтенд #module_federation #фронтенд #фронтендразработка #микросервисы #микрофронтенды #microfrontends #microservices