Other learning material

December 27, 2023 · View on GitHub

Module Federation

10 part article series on Webpack Module Federation and Angular
Webpack 5 Module Federation: A game-changer in JavaScript architecture
When should you leverage Module Federation, and how?
Understanding Module Federation: A Deep Dive
github.com/module-federation: official plugins designed and developed by the authors of Webpack Module Federation. Explore the repos on this GitHub organization. For instance:
- module-federation/module-federation-examples: implementation examples of module federation , by the creators of module federation.
- module-federation/universe: a collection of tools, plugins, and utilities for Module Federation.
- module-federation/federation-dashboard: dashboard service to command, control, and visualize module federation based systems.
module-federation.io: set of resources on Module Federation. Explore the website and don't forget to check out their getting started docs.

Web Component-based Micro Frontends with Angular: great video showing how to structure your micro-frontend apps. It doesn't use Webpack Module Federation but all the concepts on this video are great and applicable when you're using Module Federation. The code for the video can be found on the recording branch of the fboeller/microfrontends-with-angular repo.
Micro frontends and the multiverse of Frameworks: talk from ng-conf 2022. You can find the code here.
Let's build together a microfrontends application combining multiple frameworks using Module Federation talk from Devoxx Belgium 2023 Conference. You can find the codehere.
Micro Frontends - Communication Patterns: different communication patterns used by PayPal in their MFE architecture.

Micro-frontends and moduliths with angular 5th edition: this repo contains a copy of this free book which you can get from the angular architects website.
Practical Module Federation: from Jack Herrington and Zack Jackson, the creator of Webpck Module Federation.