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/
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.
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
Spotify squad 1: I'm going to put notifications at the bottom of the screen!
Spotify squad 2: I'm going to put navigation and other buttons at the bottom of the screen!
Spotify user: Oh no!
Probably 99% of the time, when I see someone asking about #Microfrontends they go on to describe a use case which absolutely does *not* require microfrontends.
MFEs are complicated, slow, and hard to maintain. They should almost always be your *last* resort to solving any particular problem.
[Перевод] Micro Frontend Architecture
Всем привет! На связи Spectr и новая рубрика «Что читают наши разработчики?». Сегодня делимся статьей о микрофронтенде. Почему мы выбрали эту тему? Микрофронтенды становятся всё более популярными в больших приложениях. С ростом числа распределенных команд и увеличением количества функций в современных продуктах архитектура микрофронтендов позволяет командам работать параллельно и автономно, внедряя новые функции без влияния на другие части системы. Этот подход помогает ускорить процесс разработки, уменьшить риски при развертывании и упрощает интеграцию различных технологий в одном проекте. Узнать о микрофронтенде больше
https://habr.com/ru/companies/spectr/articles/856266/
#microfrontends #frontend #ecommerce #ecom #architecture #javascript
Microfronends as a #decentralized alternative to #npm.
While i can smush everything into a #monoRepo, i wanted to explore the idea of using #Microfrontends as a kind-of self managed alternative to #npm.
Microfronends have been around for a while and i've come across many different approaches. I want to share how im using microfrontends in my project.
Im using #Webpack 5 #moduleFederation to create the #microfrontend. there are some interesting features that i dont think are being mentioned elsewhere:
- Dynamic Remotes: Modules can be loaded from various endpoints. We can use a custom function to ping different URLs and determine the fastest one for loading the required module.
- #Selfhosters can manage modules independently, enhancing control over updates and #security on #opensource projects.
- Development Experience: By using dynamic-remotes and running modules locally during development, it can speed up testing and iteration.
- Scalability: The approach allows for #CDN scaling with module deployments on multiple cloud providers. currently, my redundencies are on AWS S3 + github-pages... but i can see how this can be scaled to more cloud providers.
Im aiming for the architecture to look like the following. Let me know your thoughts on my approach and if its something you would consider for your project.
https://positive-intentions.com/blog/decentralised-architecture
https://positive-intentions.com/blog/statics-as-a-chat-app-infrastructure
#Microfrontends #JavaScript #WebDevelopment #Frontend #ModuleFederation #DynamicRemotes #SelfHosting #DevExperience #Scalability #AWS #GitHubPages #CDN #OpenSource
Правильные ли у вас микрофронты?
Как избежать типичные ошибки при внедрении микрофронтов и какие инструменты упрощают жизнь разработчикам. Рассмотрим плохие примеры разделение кода приложения, т.е. когда "архитектор" или лид проекта, не умеют микрофронты готовить. А разработчикам нужно с этим жить.
Malte Ubl about micro frontends as first-class primitive in Vercel.
#microfrontends #vercel
https://youtube.com/watch?v=EPUmfA8QFM8&si=tmlQ8bFxnbvarS8o
I've also added a new sample that shows how to bring support for Edge Side Includes to YARP...
I've been refreshing and extending my samples around micro frontends in ASP.NET Core. It started with upgrading to .NET 8 and switching from FQDN to ACA service discovery...
#MicroFrontends #AspNetCore #AzureContainerApps
https://github.com/tpeczek/Demo.AspNetCore.MicroFrontendsInAction
Demystifying the Evolution of Software Architecture
About the transition from monolithic architecture to frontend-backend separation, and then to microservices over- time.
The article also explores the potential of combining micro frontends with microservices for more flexible and scalable applications.
#SoftwareArchitecture #Micoservices #MicroFrontends #Monoliths #WebDevelopment
https://www.computer.org/publications/tech-news/trends/software-architecture-evolution
