Micro Frontend in Angular using Angular Elements | Micro Frontend

Angular elements can be used to create a micro-frontend application in Angular. We can take the help of web components to create a micro front-end application. You can convert your component(s) or the entire application to a micro frontend, which can then be used in multiple locations or in a base application. The main advantage of the micro foreground is that it can be developed and integrated into any framework.
#mfe #microfrontends #angular

Some more playlists:

Equipment used for Video (India links):

Thanks for watching...

[abhijituguru]

this is pretty helpful and proper base material to understand MFE in angulars. 10/10

[Evika_cutie]

This is pretty simple explanation, I loved it. It works for me :)

[dmytrodomaretskyi]

Clear explanation. Thx for your job bro

[vinaykumarmiryala]

Eagerly waiting for the next video on micro frontend

[nanasarathi]

Well explained 👍 Thanks for creating this video 🙏 Eagerly waiting for the entire series on micro frontend

[VivekSharma]

Another application to use Angular Elements is we can package any component/package as a Web Component to support "cross-framework".

[sanjeebsahoo]

Thanks Very good and informative video.

[alessandropanarese]

Hi thanks for your good video. Could you suggest some guide or book to use as integration of your video, related to how migrate an Angular application in a WebComponent wrapper?

[witty_idipt]

Is there a way to track these microfrontends, without using external providers?

[JohnManavalan]

What is there in the runtime js. Do we have zone js inside that.

[nilbristi]

Nice explanation. Can you guide me on how can I create an angular widget and use/call it an iframe of another angular project? For example just like we use transak or stripe widgets.

[Wideraperture]

Hi,
How to make a platform service which is singleton and can be used across the micro frontend apps?

[vukkumsp]

May be we can keep micro frontend modules as a cdn link throughout the enterprise just like we keep npm, maven libraries in repo.

[ykarthikeyasharma]

Hi, it is helpful. As entrycomponents is deprecated in Angular 16 and in higher versions. How do we create the MFEs

[ramyabalasubramanian]

Hi. Great video. How can i acheive routing within angular element? If my angular element is an application in most cases it will have routing.

[ibrahimkhaleelullah]

I have a question related to MicroFrontend. I have a remote angular application having angular elements. Need to configure the remote application to bundle these web components and expose them so the host application can just reference that in its index.html file.

Note: Here the host application is a legacy application and does not understand angular but needs to reference remote-hosted web components in its index.html file.

[_pankajkr]

Nicely explained. 😊
By the way, audio quality is awesome. Which model of Shure microphone you are using?

[radharamanyadav]

Hello i hope you are doing well, can you please provide next video on Micro frontend

[irshadmuhammed]

The bundled file is not working on angular 17

[ojiepermana]

i get error when i use [routerlink] in microfrontend. like this NullInjectorError: R3InjectorError(e)[e -> e -> e]:
NullInjectorError: No provider for e!. can u help. thanks