Von Abhängigkeits-Deadlocks bis zu Plugin-Freiheit – Christian Siebmanns‘ Reise zur #ModuleFederation ist ein Überlebenshandbuch für alle, die Legacy-Frontends modernisieren.
Lese vor deiner nächsten Migration: https://javapro.io/de/microfrontends-mit-module-federation-fuer-bestehende-anwendungen-ein-erfahrungsbericht/
#SoftwareArchitects constantly navigate the tensions between Ideal & Pragmatic, Innovation & Stability, Speed & Safety.
This #InfoQ eMag offers perspectives to help you see your own challenges more clearly, along with patterns others have used successfully.
Most importantly, it’s a reminder that the best architectures emerge when we stop pretending technology exists separately from the humans who build & use it.
⬇️ Free download: https://bit.ly/48AMLhv
#SoftwareArchitecture #ArchitectureDecisionRecords #EventDrivenArchitecture #MicroFrontends #TechLeadership
#MicroFrontends reflect how modern organisations build software!
They signal a shift from:
🔹 Centralized Control ⇨ Distributed Ownership
🔹 Significant Releases ⇨ Continuous Flow
🔹 Rigid Architectures ⇨ Evolutionary Change
By migrating iteratively, you can modernise your frontend without slowing innovation.
📰 Read the #InfoQ article by Luca Mezzalira for more: https://bit.ly/4rC6iHl
Микрофронтенды: прихоть разработчиков или реальная польза для бизнеса
История о том, как наша команда смогла ускорить релизы, снизить затраты и построить масштабируемую архитектуру без хаоса. В статье вы узнаете, подходят ли вам микрофронтенды.
https://habr.com/ru/articles/968994/
#frontend #microfrontends #architecture #javascript #reactjs #фронтенд #микрофронтенды #монолит #архитектура
What if a single missing #TypeScript spec blocks your entire frontend build? Christian Siebmanns uses #OpenAPI, Nexus, & Module Federation to solve real-world CI chain reactions.
A pragmatic, technical case study: https://javapro.io/2025/07/24/integrating-micro-frontends-into-existing-applications-lessons-learned/
Shipping UX, Not the Org Chart
Fastly’s frontend teams were moving fast — but users felt the seams. In her JSConf talk, Bekah Suttner Cheek, Sr. Software Engineer at Fastly, shares why we chose microfrontends, how we built our system on Fastly Compute, and how to decide if microfrontends are right for you.
Watch here: https://www.youtube.com/watch?v=3xdcVI-oBGs
#JSConf #Microfrontends #FastlyCompute #UX #FrontendEngineering #OpenSource
🎥 In this #InfoQ video, Luca Mezzalira (Principal Solutions Architect, AWS) dives into the challenges, strategies & best practices for implementing #MicroFrontends effectively.
Discover the key architectural decisions behind successful implementations - and why a Platform Team and strong Developer Experience are essential.
👉 Watch now: https://bit.ly/47pZSBH
#SoftwareArchitecture #transcript included
#ModuleFederation ist nicht nur für Greenfield-Projekte. Christian Siebmanns führt Sie durch die Implementierung in eine ausgereifte App – mit Infos zu Shared Deps, dynamischem Laden & Version 2.
Как просто использовать SRI, когда у тебя микрофронты
И чтобы всё было безопасно.
https://habr.com/ru/companies/alfa/articles/940324/
#cdn #infra #microfrontends #микрофронтенды #module_federation
🚀 Level up your #Angular skills! Join @ManfredSteyer at #SAGconf for his hands-on workshop on Modern Angular Architectures.
💡 Explore frontend monoliths, #microfrontends, Signals, Signal Store, Native Federation, and proven strategies like DDD, vertical architectures, monorepos, and moduliths. Learn to build maintainable, scalable, and sustainable Angular applications tailored to your needs.
Don’t miss this chance to master modern #frontendarchitecture! ✨ https://t1p.de/3l761
How to Build Microfrontends With Module Federation and Vue, by @alexvue.bsky.social:
https://alexop.dev/posts/how-to-build-microfrontends-with-module-federation-and-vue/
You’ve heard #MicroFrontends are flexible. But what happens when a plugin fails on page reload? Christian Siebmanns shows how even perfect webpack setups can collapse under real-world constraints.
A must-read for frontend architects: https://javapro.io/2025/07/24/integrating-micro-frontends-into-existing-applications-lessons-learned/
Ihre App ist schon seit Jahren live – zu spät für #MicroFrontends? Christian Siebmanns beweist das Gegenteil. Von komplexen Abhängigkeiten zu klaren Plugin-Grenzen.
Lese die wichtigsten Praxis-Learnings: https://javapro.io/de/microfrontends-mit-module-federation-fuer-bestehende-anwendungen-ein-erfahrungsbericht/
Dive into the evolution of #Microfrontends with Luca Mezzalira!
Discover key heuristics that will allow you to gradually implement them in your product and gain strategies to obtain quick feedback in your inner & outer development loops.
🎧 Listen to the #InfoQ #podcast: https://bit.ly/45rOJPT
📄 #transcript included
Microfrontends in ein bestehendes System integrieren – ohne dass Builds, Releases und Abhängigkeiten kollidieren.
Der Artikel zeigt, welche Architektur- und CI-Strategien funktionieren und welche Fehler man nur einmal machen möchte.
https://javapro.io/de/microfrontends-mit-module-federation-fuer-bestehende-anwendungen-ein-erfahrungsbericht/
#MicroFrontends #ModuleFederation #Webpack #TypeScript #WebDevelopment
Electron + microfrontends
Недавно на проекте столкнулся с необычной задачей - сделать из готового React веб-приложения десктопную версию на Electron. Что же тут необычного? А то, что наше веб-приложение построено на микрофронтенд архитектуре и располагается в трёх отдельных репозиториях. А общение между микрофронтендами происходит в runtime через HTTP. И тут начинаются сложности, так как для создания дистрибутива, Electron'у нужен доступ к исходникам всего приложения. Хотя Electron легко подружить с Webpack , как это сделать с плагином Module Federation на первый взгляд не понятно. Поиск готового решения в интернете ничего не дал, кроме повисших в воздухе вопросов на Stack Overflow. Пришлось придумать своё решение, которое я и опишу здесь. Стек проекта типовой (React, Webpack Module Federation, Electron, Electron-forge), поэтому не буду подробно расписывать конфиги, лишь опишу ключевые моменты.
90% legacy, 10% hope: Christian Siebmanns shares how his team retrofitted Module Federation into an existing app—without breaking everything. Lessons in builds, plugins & CI chaos: https://javapro.io/2025/07/24/integrating-micro-frontends-into-existing-applications-lessons-learned/
#MicroFrontends #ModuleFederation #Webpack #TypeScript #WebDevelopment
Tried to plug Module Federation into a running app? Christian Siebmanns shows what really happens when CI breaks, types vanish, & lazy routes fail. Learn how to avoid the same traps: https://javapro.io/2025/07/24/integrating-micro-frontends-into-existing-applications-lessons-learned/
#MicroFrontends #ModuleFederation #Webpack #TypeScript #WebDevelopment
#Decentralized #Module #Federation #Microfrontend #Architecture
I'm working on a #webapp and I'm being #creative on the #approach. It might be considered #overcomplicated (because it is), but I'm just trying something out. It's entirely possible this approach won't work #longterm. I see it as there is #onewaytofindout. I don't recommend this approach. Just sharing what I'm trying/#investigating.
How it will be #architected: [https://positive-intentions.com/blog/decentralised-architecture](https://positive-intentions.com/blog/decentralised-architecture)
Some #benefits of the #approach: [https://positive-intentions.com/blog/statics-as-a-chat-app-infrastructure](https://positive-intentions.com/blog/statics-as-a-chat-app-infrastructure)
I find that #modulefederation and #microfrontends to generally be #discouraged when I see posts, but I think it works for me in my #approach. I'm #optimistic about the approach and the #benefits and so I wanted to #share details.
When I serve the #federatedmodules, I can also host the #storybook statics so I think this could be a good way to #document the modules in #isolation.
#Cryptography modules - https://cryptography.positive-intentions.com/?path=%2Fdocs%2Fcryptography-introduction--docs
#P2P framework - https://p2p.positive-intentions.com/?path=%2Fdocs%2Fe2e-tests-connectionstatus--docs
This way, I can create #microfrontends that consume these #modules. I can then #share the #functionality between #apps. The following apps are using a different codebase from each other (there is a #distinction between these apps in #opensource and #closesource). Sharing those #dependencies could help make it easier to roll out #updates to #coremechanics.
#P2P chat - [https://chat.positive-intentions.com/](https://chat.positive-intentions.com/)
#P2P file transfer - [https://file.positive-intentions.com/](https://file.positive-intentions.com/)
The #functionality also works when I create an #Android build with #Tauri. This could also lead to it being easier to create #newapps that could use the #modules created.
I'm sure there will be some distinct #test/#maintenance #overhead, but depending on how it's #architected I think it could work and make it easier to #improve on the current #implementation.
Everything about the #project is far from finished. It could be seen as this is a #complicated way to do what #npm does, but I think this #approach allows for greater #flexibility by being able to #separate #opensource and #closesource code for the #web. (Of course as #javascript, it will always be "source code available". Especially in the age of #AI, I'm sure it's possible to #reverseengineer it like never before.)
(mastodon might not be the place for something like this, so let me know if you dont like this kind of content. i typically post on reddit and would like to shift it more towards mastodon. i also use lemmy, but mastodon has a better reach.)
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
