#module_federation — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #module_federation, aggregated by home.social.
-
Вторая копия Vue: как лишняя строка в lockfile повесила Chromium
Может ли лишняя запись в yarn.lock повесить браузер? Наша прожила в репозитории три месяца, не привлекая внимания, а потом ночью после релиза положила прод вечным лоадером - причём только в Chromium. Рассказываю, как мы шли к разгадке через ложные следы и что в итоге оказалось в рантайме.
https://habr.com/ru/articles/1068420/
#vue_3 #module_federation #yarn #monorepo #yarnlock #chromium #микрофронтенды #отладка
-
Как спроектировать приложение на годы вперед
Мир технологий меняется быстро, и создать большое приложение, которое можно поддерживать несколько лет, становится непростой задачей. Лет двенадцать назад создание большого монолита было обычной практикой. Семь лет назад многие подсели на микросервисную архитектуру. Причем микросервисами часто называли все подряд: и сервисно-ориентированный подход (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), поэтому не буду подробно расписывать конфиги, лишь опишу ключевые моменты.
-
Как мы распилили монолит на микрофронтенды с 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. Как собрать микрофронты из кубиков без магии по шагам.
-
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 на примере большого проекта.
-
Пора переходить на микрофронтенд? Опыт “Инферит Клаудмастер”
Приветствую всех новичков и гуру фронтенда, а также всех, кто работает с интерфейсами. Я Никита Борцов, создаю красоту на фронте первой в России FinOps-платформы для управления облачными затратами “ Инферит Клаудмастер ”. В этой статье вы узнаете о: - факторах, сформировавших тренд на уход фронтенд-разработки от монолита к микрофронтенду, - процессах со стороны команды разработки при переходе на микрофронтенд, - кейсе платформы “Инферит Кладумастер”: почему для нашей команды микрофронтенд с плагином Module Federation стал полезным решением, - признаках того, что пора переходить на микрофронтенд.
https://habr.com/ru/companies/inferit/articles/801737/
#микрофронтенд #module_federation #фронтенд #фронтендразработка #микросервисы #микрофронтенды #microfrontends #microservices
-
Интеграция React и AngularJS через Webpack Module Federation
Переходите с AngularJS на React без стресса и суеты. В этой статье я поделюсь с вами способом, как оживить ваш проект, плавно встроив элементы React в структуру, построенную на добром старом AngularJS. Мы все знаем, что рефакторинг или полная смена фреймворка может пугать, особенно когда вложены годы труда. Но не волнуйтесь, я покажу, как использовать микрофронтенды и Module Federation для того, чтобы дать вашему приложению свежее дыхание, сохраняя при этом все то хорошее, что было накоплено за годы.
https://habr.com/ru/articles/794082/
#react #angularjs #webpack #gulp #frontend #web #javascript #framework #microfrontends #module_federation
-
Микрофронтенд для самых маленьких
Всем привет. Меня зовут Алексей. Сейчас я работаю frontend-разработчиком в компании Ozon. В свободное время мне нравится читать про новые технологии, фреймворки, а учитывая то, с какой скоростью развивается frontend, я никогда не скучаю. В этой статье пойдет речь о микрофронтах. В частности, мы посмотрим, как их реализовать на самом базовом уровне, разберемся, когда они нужны, а когда даже не стоит смотреть в их сторону.
https://habr.com/ru/companies/ozontech/articles/782508/
#frontend #ozon #ozon_tech #javascript #typescript #микрофронтенды #module_federation