Micro Frontends Conference 2024 - Stefan Bley & Lucas Braeschke: Dependency Management in MFs

Talk recording from the most important conference and event for the Micro Frontends community. Understand the latest trends in Micro Frontends architecture and development. See how and why distributed frontends are implemented in the real world. Get in depth knowledge around topics concerning Micro Frontends. Meet those who shape the present and the future of the Micro Frontends community.
Abstract:
As more teams start to explore the world of micro frontends, many overlook the challenges that come with sharing dependencies among them. In this talk, we will take a closer look at these challenges and discuss effective ways to overcome them.
A significant factor in managing dependencies is ensuring minimal bundle sizes while guaranteeing backwards compatibility and preventing runtime errors caused by incompatible library versions. We will delve into the technological foundation and analyze existing solutions, highlighting their advantages and disadvantages.
Additionally, we will introduce our process to ensure a collaborative effort between all micro frontends. Join us for this talk and learn how to maintain consistency and reduce loading times in your micro frontends.
About the speakers:
Stefan Bley is a software architect at ZEISS Digital Innovation in Berlin and has worked on various Angular projects in different industries throughout his career. He loves experimenting with new technologies and sharing his knowledge by speaking at conferences and contributing at community events. Recently, he has been leading an engineering design team focused on leveraging micro frontend architecture for performant healthcare digitization.
Lucas Braeschke is a fullstack developer, who started his career at ZEISS Digital Innovation in Dresden with a focus on TypeScript and Angular. He has written his first website in 9th grade and since then never lost his fascination for the topic. Currently, Lucas is a vital part of an App Shell team, where he provides essential support and infrastructure to teams across the globe, aiding in their development of micro frontends.
Proudly presented by Piral.Cloud - the ultimate production-grade Micro Frontends discovery service: www.piral.cloud/
Interested in learning more? Check out the conference workshops at conference.mic... or general workshops at workshops.micr...
#microfrontends #conference #cloud #community #scalable #webdev

[@ronron860]

Module Federation isn't bound to webpack anymore

[@FlorianRappl]

While this is true to some extend, the alternative options (Module Federation in Vite or esbuild) are really weak at the moment. For instance, for Vite you have a couple of plugins - one which is really new and totally buggy, one which is actually made for Native Federation and returns an incompatible result, and one which only returns esm + Module Federation v1. The latter you cannot use as remote from Webpack or rspack - you can only use as a host (or make Vite - Vite doable). Let's not talk about the esbuild one (this one is even more alpha / buggy - not at all usable for production).
So overall I don't think the statement is wrong. If you do Module Federation you most likely do rspack or Webpack (which are both quite the same - just a different engine).

[@ronron860]

​@@FlorianRappl That makes sense. I don't have much experience outside of that ecosystem (as you correctly guessed 😅)

[@siwatkaolueng6871]

Vite(rolldown) will offically support Module Federation 2.0 next year.