Angular Microfrontends with NX and Module Federation

[@LuisHernandez-hh9ul]

Good explanation / Bad presentation Please make sure to present the whole screen. Most of the presentation is hard to know where exactly are you positioned and what are you doing. Stop clicking so fast and switching between the files unnecessarily. Give a brief introduction of the tools and their usage. I know this is not a tutorial for NX extension but not everybody has the same experience/knowledge. Thanks so much for making and sharing this content. It's so valuable :)

[@DevBySeb]

Thanks for the feedback mate 🙏🏼

[@techtalksessions192]

I thought it was nice of you to demonstrate and explain how to configure a Micro-Frontend with Nx. Thanks for sharing some of your knowledge.

[@DevBySeb]

Thank you mate 🙏🏼

[@tutorialespedronieto8023]

Crazy world. People making stupid videos of videogames get million of views. But this piece of art that enhances human knowledge just few thousands. Not fair men. But here we are. Few in number. But BEST in quality.

[@DevBySeb]

Thanks for your awesome feedback mate and thank you for watching 🙏

[@MFrancoRiveraCarranza]

Really good explanation, quick tutorial gave me a better understanding of the concept. thanks a lot!

[@DevBySeb]

Thanks for the awesome feedback mate and thank you for watching 🙏🙏

[@saumilkapadia88]

Really bad way of presenting screen where you can’t see bottom, top, behind web page due to cutting and so many flows.

[@DevBySeb]

Thanks for the feedback mate. I will do my best to improve 😁

[@mehedihasansony]

i end up watching lots of your videos last few days and must say all are very good. there are too many beginners videos in youtube which is good because people struggle quite a bit when get started but i find very less video for intermediate level who know all basic and able to develop small to midium size app and trying to get to the next step. lots of your video definitely seems to aim to people like them. much appreciated.

[@DevBySeb]

Thanks for your awesome feedback mate, and thank you for watching 🙏🙏

[@assetdev1859]

How can I share data between multiple sub-applications? And is it possible to declare some state in the main application and have sub-applications be able to read and mutate it?

[@DevBySeb]

Awesome question mate - I will outline this in a new video as well 👌

[@DevBySeb]

Hey mate - a new video outlining sharing data and building the applications can be found here: kzbin.info/www/bejne/m5W3cmqXosmpsKs&ab_channel=SebastianPersson

[@well3991]

Where`s commands to build, compile application? Im dont understand english very well. Wheres the link of steps please?

[@DevBySeb]

You can use the Nx console extension in VsCode to find all of the schematics mate

[@well3991]

@@DevBySeb Thank you!

[@jonatasbazzoli4106]

@@well3991 tai vídeo legal para criar workspace nova sem sujeira rsrs

[@adrian333dev]

Really awesome 👍👍👍Do consider making large project tutorial in the future? Would be awesome!

[@DevBySeb]

Thanks for watching mate. Thanks for the awesome feedback - I will do that for sure 🙏🙏

[@harminbhankhariya2478]

hey @Sebastian Persson, I need help setting up module federation with Angular for two separate applications in different folders. One folder/project/workspace contains the components I have developed, while another separate folder/project/workspace has my web application. I want to load the components remotely into the web application using module federation. Is this possible? If so, how can I achieve it?

[@DevBySeb]

That is possible but you would have to reconfigure a lot of things to get that working mate. Use NX instead, config would be easier

[@parinitajha9416]

Hi could you please help in creating micro frontend angular architecture . I'm stuck that way.

[@DevBySeb]

Thanks for the comment, have you followed the exact same steps?

[@parinitajha9416]

@@DevBySeb yes followed the same steps.. could you please give me instaa link for ahead conversation.

[@DailyQuotes-er7zp]

Hi mate. How can i bind angular 13 with angular 17?

[@DevBySeb]

That is not possible with NX monorepos mate. The idea is to have same packages cross all projects and libraries

[@fredericojesus4135]

Hey seb! Let’s say that the host application is the one that takes care of the user login. But the remote apps requests need for example the auth token as well to make requests. How do we share data between apps? For example I want to make only one request to get the user data and be able to use it in all remote apps.

[@DevBySeb]

Hey Federico, excellent question. Nx has a step by step guide here: nx.dev/recipes/angular/dynamic-module-federation-with-angular hope it helps 😁

[@fredericojesus4135]

@@DevBySeb actually your latest video has this exact example I was looking for 😅😅 great demo. Small feedback for you when making videos is you could probably edit the video and skip the parts when something doesn’t go as you expect. Keep up making cool content 😉

[@DevBySeb]

@@fredericojesus4135 Thanks for the feedback mate 🙌🏼🙌🏼

[@maalejful]

Thank you very much for this video. Plz share more interesting videos

[@DevBySeb]

Thanks for the feedback mate and for watching. I will start doing so again 😀

[@tutorialespedronieto8023]

Awesome video man. Thanks a lot.

[@DevBySeb]

Thank you for watching mate 🙏🙏

[@sergiustanciu8123]

Brilliant tutorial. Thank you so much!

[@DevBySeb]

Thank you brother 🙏🏼

[@QuocTienNguyen]

Does it work if the lib project is not same repository? I have struggle when using translation module(@ngx-translate/core). My remote and host project is not same repository (total independently). It can't load TranslateSerice when access remote url from host. Please create a sample about that

[@akilahlittlejohn4940]

I really appreciate your content!!!

[@DevBySeb]

Thanks for watching and for the feedback mate 🙏🙏

[@criticalthinker1123]

*most people don't care how you look. you wasted one third of the screen so we can see you*

[@DevBySeb]

Haha - thanks for that feedback mate. Will take that into consideration

[@sravan1938]

Thank you really amazing,please do ngrx series with crud...

[@DevBySeb]

Thanks for watching and for the awesome suggestion mate! I will do that for sure 💯

[@nouchance]

Thank you SIR

[@DevBySeb]

Thank you for watching mate - I hope you enjoy! :D

[@assetdev1859]

u just showed to us documentation, i didn't find something useful. i would wanted to look at how to deploy it, but u just saying: we're not looking into that...

[@DevBySeb]

I'm sorry for a late respons mate. I will make a video explaining how to build and deploy it :)

[@MaddesMat]

👏👏👏

[@DevBySeb]

[@abhishekraj-jg3py]

helpful !

[@DevBySeb]

Thank you for watching mate 🙏🏼

[@abhishekraj-jg3py]

@@DevBySeb are you from Australia ?

[@DevBySeb]

@@abhishekraj-jg3py from Sweden mate 👍🏼

[@hemantpandey4506]

Too fast

[@DevBySeb]

Thanks for the feedback mate. Will take this into consideration 🙏🏼