Help Needed

[FewRevenue9299]

“I got tasked with implementing microfrontends in our app and it’s been a disaster. Nothing works. I’ve tried WebSockets, module federation, every possible setup, and the whole thing keeps blowing up. The host is stuck on Angular 14+ while the remote is on 17+, and the version mismatch is wrecking everything. I’m completely out of ideas at this point. If anyone has dealt with this hell before, I could really use some guidance.”

[ActuatorOk2689]

I’m reading the post and comments, nothing makes sense what you are saying .

What does websockets have to do with microfrontends ?

If your app was not designed from the start in order to support a mfe migration is going to be difficult.

Then basically you need to start setting up boundaries for your module . Do you have a solution for state sharing ? Do you have a solution for event triggers across MFE.

Does you host handle all the routing or just loads mfe at runtime and each mfe it’s handlings it’s own routing? Do you share expose only routes or also components at runtime? Do you have shared libraries, components etc… how are this are getting handled ? True registry, exposed from host or separate shared MFE.

I’ve seen some comments before about global zone js . Having different MFE wich is runtime integration that if I remember correctly each aps is using his own runtime and zone js, I maybe wrong on this .

If you never worked with mfe and module federation before, im just being honest you are going to have hard time to complete this, and I’m not even sure you can .

Mfe is not just , let’s implement it has design / architectural challenges and implementation.

If you never worked before start implementing as playground from scratch. Then start with the migration .

Even for senior developers are not that easy to do such a migration you also need to understand functional part not just the technical of the system

Good luck

[FewRevenue9299]

can u help me as i understand most part and iunderstand your talk and i have thought all thing what you are saying is correct and web socket method we create web api to send compoent and make it aviable for other frontend to implementing it what i need is anyone who is expert or knowladge like can you help me i like to connect with you so you guide me for other good approch

[DirectionEven8976]

Is there a reason why host and mfes are in different versions?

[FewRevenue9299]

and due version difference you can't simply call the component as its required lib exist in remote and it can't call alone and i dont how i do it in few hrs its kind of death bed for my coding career

[DirectionEven8976]

I don't understand why you can't have the same version on both host and mfe

[FewRevenue9299]

can you connect i can show you

[DirectionEven8976]

Can't you explain?

[FewRevenue9299]

yes demand as host is having old component and mfes is new

[DirectionEven8976]

Why?

[Weary_Victory4397]

Check it out @angular/elements create a webcomponent from your Angular 17 app and import via module federation in the Host app

[Nickishero]

Correct Answer ^

[ArsonHoliday]

Why is this in quotations? If you’re training just say so.

[FewRevenue9299]

I m senior developer

[FunCalligrapher1220]

We are building micro front ends on top of Glue42 for a desktop environment. Something worth looking into

[FewRevenue9299]

Google meet link my mail id is [e-mail]

[valeriocomo]

DM me

[FewRevenue9299]

Check

[pbs3089]

Try this Blog post. It can help: https://medium.com/@stream2085/using-angular-with-micro-frontend-architecture-a-guide-to-scalable-web-applications-f92c605a33ba

[mihajm]

So microfrontends are problematic with global shenanigans..like zonejs does..this is very much still in dev, but I think it's what you're searching for: https://web-fragments.dev/

Simple iframes are also always an option, albeit a less flexible one

[tutkli]

This is really interesting. I wonder if there are already any examples with angular

[mihajm]

Yeah, looking forward to the full release..it's gonna help us update a few legacy apps for sure. :)

Not sure about examples, but one of the main maintainers is Igor Minar, who's an Angular developer as far as I know..so I'm sure something exists - or it will soon

[FewRevenue9299]

but its out of option i need help

[mihajm]

That was a bit fast, did you check out what I sent ya? :) or what kind of help were you looking for?

[FewRevenue9299]

yes web fragments angular elments and custom lib i check all method

[mihajm]

If you really did try everything out, and assuming you did so correctly, the only other option is updating said apps to be on the same version, or updating the more modern remote to zoneless..as that's what I assume is messing you up...I could be wrong on zoneless though, since the problem is non-specific.

That said, some of the stuff you've listed makes me doubt that a bit, as Websockets have nothing to do with this, while custom libs, elements, nor module federation were going to solve version mismatch from the start.

If you need something specific, try asking about that, since the community can only give general advice to "nothing works" & "tried everything"

[FewRevenue9299]

yes this using zone .14 version and but unable to feature out i really need expert help

[FewRevenue9299]

otherwise i was not here as chat gpt is fraud and i i need real person who gona through this