Webpack Module federation was created by Zackary Jackson and now officially part of webpack. This GitHub organization provides additional resources for folks looking to learn more about Module Federation.
You're also welcome to explore the brand-new Module Federation website and documentation which is a valuable resource for both beginners and experienced developers. It is designed to be your go-to resource for all things Module Federation and more content is on the way!
Webpack Module Federation (MF) is a feature of webpack that allows for the dynamic loading of multiple versions of a module from multiple independent build systems.
This allows for the creation of microfrontend-style applications, where multiple systems can share code and be dynamically updated without having to rebuild the entire application.
It also enables distributed teams and applications with different release cycles to share code without needing to wait for all systems to agree to and deploy a single shared version of a module.
Additionally, it allows for code-splitting based on routes and other criteria, which can improve performance.
- Medusa - Tool for visualizing and managing MF remotes and versioning
- Examples An entire open source learna workspace for examples on many frameworks including Next.js, React, Angular, Vue and more.
- Universe A collection of tools, plugins, and utilities for Module Federation.
Practical Module Federation - The official book on Webpack Module Federation by Jack Herrington & Zack Jackson "Practical Module Federation" is the first, and only, book on Webpack 5's innovative new live code sharing mechanism. It walks you through everything you need to do to start with Module Federation. It covers the internal implementation of Module Federation, and how Module Federation fits with other sharing options. The book also covers many practical topics include; state sharing across shared code, different deployment options, sharing non-view related code, writing your code to be resilient to code and network failures, and so much more.
- Micro-Frontends Course - Beginner to expert - Jack Harrington
- Introducing Module Federation in Webpack 5 - Jack Harrington
- Module Federation in NextJS Today - Jack Herrington
- Dynamic Module Federation in Next.js - Kevin Ghadyani & Zack Jackson
- Module Federation with Angular - Manfred Steyer
- Advanced Module Federation for Angular - Manfred Steyer
- Multi-Framework/ Multi-Version Scenarios with Module Federation and Web Components
- Micro Frontends and Nx Monorepos: The Best of Two Worlds? - Manfred Steyer
- Micro-Frontends with Module Federation using Angular and Nx
- Speed up your Angular serve and build times with Module Federation and Nx - Juri Strumpflohner
Module Federation is proudly supported by Valor Software as official partners. Together with Zack Jackson and other contributors to Module Federation we are proud to offer guidance, consulting, and development assistance in all things Module Federation. If you'd like to have a quick 15-minute call with Zack Jackson and Valor Software to share what you're doing please use the following Calendly Link to book some time.
Other types of assistance Valor Software can offer:
- Custom Nx generators to speed adoption of Module Federation
- Enhancements / Bug-fix / Prioritization for OSS libraries
- Architecture Consulting
- Team Augmentation
We have created a discussion category for tracking RFC's here.
Please assist us in welcoming @viktoriialurie, the new Product Owner for Module Federation!
We are excited to announce the launch of our new Discord community for Module Federation! This space will be used to discuss and share knowledge about the latest advancements in module federation and how to use it effectively. See you there!