Webpack 5 Module Federation. Stitching two basic apps together

[@geoyws]

Just what I needed man. Thanks so much for the effort... it'll save us a lot of unnecessary repetition. Gonna share this with my colleagues.

[@alanbalenschio440]

Zach I need to tell a huge thank you. This will lead the next generation of front end. Thanks a lot genius.

[@frozen_tortus]

this was no bullshit introduction, thanks for this Zack.

[@mateoguevara923]

this is incredible, we are trying to implement a MF architecture in the company that I work with, we are definitely going with this over Single spa!!!, thanks for your effort dude, you rock!

[@zackjackson9674]

Single spa is compatible with MF if you like it’s structure. And router. Personally I prefer vanilla webpack because making a little logic layer is dead Easy

[@paucolome4298]

Very concise example. Thank you

[@TERALAPRASHANTH]

May I get little explanation why did we wrap inside suspense ? What will happen if we won’t wrap !

[@ankushkalia6982]

Can I debug remote app in the container? Or how provide source codes to parent app of child apps

[@zackjackson9674]

The container is just the webpack runtime. Nothing to debug. But it’ll work just like a normal app. So debugging shouldn’t be any different

[@laxmisanthoshi8350]

I have 3(App1,App2&App3) remote React Apps and 1 host (HostApp)which includes all the 3 remote Apps. Now, I need to import and use App1 in my Java spring boot application. I have a button in JSP, when clicking on that App1 should be loaded. Can you please let me know how to fetch a remote webpack to another application that is in Java?

[@latadhule4666]

Please show how can we achieve with react+angular switching .

[@Oswee]

Is there any caveats of writing an webpack.config in TypeScript and to use ESM instead of JS and CJS?

[@tanishaagrawal5500]

Hi Zack, my screen is completely blank on running the host application. Please help

[@gausmohammadshaikh8739]

Inside container app, by using sidebar menu item click to load app2 app3, etc. how ?

[@Gerrilicious]

Hey, great video! One question, do you know if it is possible to have multiple ModuleFederationPlugins on on webpack config? I would like to do some kind of shell module containing authentication logic layout etc. and then do route based module splitting. I am not sure if I'm grasping this correctly but it seems to be overkill for me to have each page running in a seperate port. My intention is to keep the bundle as small as possible and only ship bundles (pages in my setup) when the route is requested. Would love to here input about this from you.

[@nochnoyru]

Just checked code in your github - ITS NOT THERE! There are changes in the code that make it irrelevant for this video. And I was unable to download repo so I can go back to 2020 version. The repo is broken.

[@EE-yv7xg]

Awesome video! Thanks for all the effor :-) Would you have any ballpark timeline on when Webpack 5 would come out of beta?

[@zackjackson9674]

I can’t give exact dates. But mid year release is on track. Also WP5 is production stable and we encourage users who can to start working with it. I’d wait till we cut the next beta.17 which should be in a few days. We are mostly waiting for the community to catch up and upgrade all third party loaders and plugins before dumping a surprise on the community

[@isha25tripathi12]

Great video explained pretty well . I had one question as i was trying to achieve the same for simple JavaScript application as we are not using react is it possible to do so as I am not sure if it will work in that case.

[@jadam42]

Yea you can share more than just React. Zach talks a bit about that in this interview which you may find helpful. kzbin.info/www/bejne/d4aalX6Ng8uKn6M

[@SamInNZ]

Hmm, can't seem to get the quality any higher than 360p? 🤔

[@zackjackson9674]

Looks like youtube is still processing it. 4k video takes longer

[@SamInNZ]

@@zackjackson9674 I guess I'm just too bleeding edge 😂