Introducing Module Federation in Webpack 5

Love it. Thx sir

It could've been cooler if you had also introduced Typescript.

It's been 3 years already but still great content! I have two questions. Is it possible to share other static files besides JS files? I see the fruit images are stored in the home app. How is the search app able to render those images since they're not available locally? Maybe I'm missing something...

What’s the difference with micro apps ??

Can we do this purely for server side code? Say a remote app exposes an express middleware and the host app remotely runs the middleware on server side?

Loved it

That’s pretty cool. Lol 2 years later and I’m just learning about this. I work more in the server-side end of things so…

What are your thoughts about web assembly?

I'm curious how do we use micro-frontends with Module Federations across different repos? Say you have Home and Search on different repos. How would Home leverage code from Search compiled from a separate repo

How to expose component which is connected to redux store and redux saga...??

nice 🔥

Great content and great explanation Jack!

I asume that as always webpack is doing here its own magic underneath instead of using web standards like es modules

Great thanks for the walkthrough!

One question. I read that federation defaults to what it can find locally. So would this still work in a PWA?

I assume I couldn't use lazy loading as that may cause an issue if the app / site was loaded then went offline before all the modules were loaded.

Thanks for this video! A question that's come up within my organization is around reusing components across CRM apps (think Salesforce implementation) that serve a certain set of personas (think CSRs) and customer facing apps (think Web and Mobile apps that are deployed for self-service by the customer). I presume that that is doable assuming all things being equal - data being presented to the personas. I've not gotten good references around embedding such a micro front end within Salesforce or vice versa. Any pointers appreciated.

Hello Mr. Herrington
My micro-projects are exposed on the server and the project they are remote is in my local, my problem is that fonts are not displayed in my local project
Which part do you think has a problem?

I am looking some help to create an architecture where we can migrate the existing Angular 11 monolith application into small independent self compiled build with the help of moudle federation and load those remote apps on demand at run time. In this migration we want to provide scalabilty and high availability for our end users hence we are thinking to deploy 4 instances of Shell Module and 4 instances of each remote module running on different containers.


Whenever end user will try to load our app then with the help of load balancer it will load the available shell module and then shell app will load the remote modules running on different containers. Now the question here is that if we have multiple instances of remote modules which are running on different conatiners then can we put another load balancer between shell module app and remote module app so that we can load remote modules as well as per their availability?

It would be really help if somebody has done that in past or interested to do the same with me. Thanks in advance for showing interest on this interesting idea.


Thanks
Maneesh

Have you ever looked into doing module federation in a serverless environment? It seems like serving up federated parts to consume from a serverless environment would be a good match. But the last time I did any real learning about serverless was 4+ years ago - so maybe I have my head in the clouds... ;-)

How does the coordination between the two servers happen? i.e, when code changes in one app, how is it pushed to the other app automatically?

Awesome explanation, very clear the power of this plugin