Using the micro frontend pattern in Angular (11)


This is mainly for my own archival purposes, collecting all of the information I have gathered on MFEs in Angular in one place. If it helps you, great, let me know!

I started this post in Angular 11, 12 has since come out and made many of the steps easier since it automatically uses Webpack 5 with Module Federation.

https://go.nrwl.io/angular-enterprise-monorepo-patterns-new-book

https://medium.com/agorapulse-stories/building-a-micro-frontends-architecture-in-2021-with-angular-and-webpack-module-federation-50d073617645

https://indepth.dev/posts/1173/webpack-5-module-federation-a-game-changer-in-javascript-architecture

https://www.angulararchitects.io/aktuelles/the-microfrontend-revolution-module-federation-in-webpack-5/

https://angular.io/guide/elements

https://single-spa.js.org/

https://codeburst.io/breaking-a-large-angular-app-into-microfrontends-fb8f985d549f

https://blog.bitsrc.io/the-dilemma-of-code-reuse-in-microservices-a925ff2b9981

https://www.rapidvaluesolutions.com/implementing-micro-frontend-architecture-with-angular-for-increased-team-productivity/

https://www.angulararchitects.io/aktuelles/6-steps-to-your-angular-based-microfrontend-shell/


Leave a Reply