Micro-Frontend Architecture Pitfalls: Solving Integration and Deployment Challenges at Scale, by @designerly.bsky.social:

https://frontenddogma.com/posts/2025/micro-frontend-architecture-pitfalls/

#guestposts #microfrontends #architecture #scalability #deploying

Как мы распилили монолит на микрофронтенды с 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 #опыт_разработчика

The Case for Web Components With Lit, by (unattributable):

https://typescript.guru/the-case-for-web-components-with-lit/

#webcomponents #lit #typescript #microfrontends

Mastering Cross-Framework State Management in Micro-Frontends, by @eleanorhecks@x.com (@designerlymag@x.com):

https://frontenddogma.com/posts/2025/mastering-cross-framework-state-management-in-micro-frontends/

#guestposts #architecture #frameworks #statemanagement #microfrontends #scaling #strategies

Passionate about Software Architecture?

✍️ Join the #InfoQ Annual Article Writing Competition and share your insights!

🏆 Win a #FreeTicket to #QCon or #InfoQDevSummit!

🔗 Submit by March 30, 2025: https://bit.ly/417KPtk

Explore topics like #CellBasedArchitecture, #GraphQLFederation, #DataDrivenArchitecture, #PlatformArchitecture, #EdgeComputing, #MicroFrontends, #AsyncAPI, and more!

Passionate about Software Architecture?

✍️ Join the #InfoQ Annual Article Writing Competition and share your insights!

🏆 Win a #FreeTicket to #QCon or #InfoQDevSummit!

🔗 Submit by March 30, 2025: https://bit.ly/4gKC51N

Explore topics like #CellBasedArchitecture, #GraphQLFederation, #DataDrivenArchitecture, #PlatformArchitecture, #EdgeComputing, #MicroFrontends, #AsyncAPI, #Dapr, #OpenTelemetry, and more!

Want to break your code into microfrontends? 💻 Discover the essential steps for implementing module federation and making your development process more scalable & efficient! 🚀 Learn how to get started now! 👇 #Microfrontends #ModuleFederation #WebDevelopment #TechTips

https://posivi.com/steps-to-split-code-into-microfrontends-for-implementing-module-federation/

There are many articles describing micro frontends architecture, but most of them are about how to split one application into multiple parts. In our company we are facing opposite task - we are in the process of merging dozens of applications into the one. Which is an equally difficult problem to solve.

#microfrontends

Decentralized microfrontend architecture.

The app is architected in a unique way to investigate possibilities and potential.

https://positive-intentions.com/blog/decentralised-architecture

#Microfrontends #JavaScript #WebDevelopment #Frontend #ModuleFederation #DynamicRemotes #SelfHosting #DevExperience #Scalability #AWS #GitHubPages #CDN #OpenSource