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/
#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.
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/
Building secure peer-to-peer messaging apps is tough, and it's even tougher to get people to switch from what they already use. I've noticed that a great user interface and an intuitive design often matter more to people than terms like cryptography or end-to-end encryption.
That's why I've started building a UI library to tackle this head-on! It's a work in progress, but the goal is to create a more welcoming and seamless experience for new users.
Check out the UI library here: https://ui.positive-intentions.com
And you can see a live demo of the UI in action here: https://glitr.positive-intentions.com
I'd love to hear your thoughts and feedback as I continue to shape it!
#PeerToPeer #SecureMessaging #P2P #UIUX #WebDevelopment #MaterialUI #ModuleFederation #DesignSystem #Cryptography #UI
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
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
Decentralized Module Federation For Microfrontends
https://positive-intentions.com/blog/decentralised-architecture
#javascript #ModuleFederation #webpack #Microfrontend #opensource
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.)
Unlock future of scalable JavaScript with Module Federation! Break down app into smaller, independent modules, boost performance, simplify development. Learn how to leverage this powerful tool for projects. #WebDevelopment #JavaScript #ModuleFederation #TechTrends
https://posivi.com/demystifying-module-federation-the-future-of-scalable-javascript/
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/
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
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
Decentralized Micro-frontend Architecture
Blog: https://positive-intentions.com/blog/decentralised-architecture
GitHub: https://github.com/positive-intentions/chat
Demo: https://chat.positive-intentions.com
Follow for more!
#decentralized #webpack #ModuleFederation #microfrontend #pwa #javascript #webdev
To Angular and Nx devs out there using MFE (module federation), how are you moving away from webpack module federation with Angular’s move to esbuild? Was considering module federation for a large Nx monorepo app but the fear of no replacement of webpack module federation is make me uncomfortable with the move 😬 #Nx #Angular #ModuleFederation #Webpack #NativeFederation
I love #ModuleFederation
Yay, @ManfredSteyer and his angular architects released native federation for Angular 🚀
https://www.npmjs.com/package/@angular-architects/native-federation
J'ai joué avec les #microfrontends. Je suis partis sur l'option #CustomElements / #WebComponents, plutôt que #WebPack et #ModuleFederation. C'est bien parti, mon objectif est de fédérer dans mon blog tous mes projets persos... là j'ai un blog en #SvelteKit, qui intègre un QR Code #StencilJS, et une app #AngularElements. 🤹♀️
L'article est en mode brouillon, je vais l'étoffer mais la démo est live : https://lacourt.dev/2023/01/21
