Micro Frontends with Module Federation, Angular and Azure Static Web Apps

on YouTube ↗35m

" summary

Explains using Webpack 5 Module Federation to build Angular microfrontends that are compiled separately, share libraries at runtime, and are dynamically loaded into an app shell. Demonstrates developing a microfrontend, hosting it on Azure Static Web Apps, and shows how to apply Module Federation in projects and the consequences of that approach.

AI-written summary · about

" chapters (9)

1. 0:00Micro Frontends intro
2. 5:35Speaker intro
3. 6:19Module Federation basics
4. 13:28Module Federation with Angular
5. 17:02Live demo: Strategy plug-in
6. 25:42Azure Static Web Apps deployment
7. 28:54Live demo: Queue strategy
8. 30:03Availability and roadmap
9. 32:55Summary and outlook

" related talks

• 30mFederated Angular: Micro Frontends with Module FederationManfred Steyer · JSWorld Conference 2021
• 38mThe Microfrontend Revolution: Using Webpack 5 Module Federation with AngularManfred Steyer · AngularNL 2020
• 30mFederated Angular: Micro Frontends with Module FederationManfred Steyer · JSWorld Conference 2021
• 41mThe Microfrontend RevolutionManfred Steyer · angularday 2020
• 21mAngular based Micro frontends with module federationManfred Steyer · ng-conf 2022
• 33mThe Microfrontend Revolution - Using Webpack 5 Module Federation with AngularManfred Steyer · ngVikings 2020
• 29mThe Micro Frontend Revolution: Webpack 5 Module Federation and AngularManfred Steyer · AngularUP Experience 2020
• 47mMicro Frontend, Module Federation with Manfred SteyerManfred Steyer · JSWorld Conference USA 2021