Additional Resources
Explore curated resources to deepen your understanding of Module Federation, micro-frontends, and the Zephyr ecosystem.
📹 Video Tutorials
Learn from expert developers through comprehensive video tutorials covering Module Federation concepts, implementation strategies, and best practices.
| Content | Author | Description |
|---|---|---|
| Introducing Module Federation in Webpack 5 | Jack Herrington | A deep dive into module federation in Webpack 5 in 2020 |
| Five Module Federation/Micro-Frontend Mistakes | Jack Herrington | Jack talks about some mistakes that people make, and misconceptions people have, about the this Webpack 5 functionality, as well as how to avoid them. |
| Micro Frontends - Rspack and Module Federation v1.5 | Russell Canfield | Surprisingly straightforward example to convert an existing monorepo using webpack and Module Federation v1 to using rspack and Module Federation v1.5 |
| Module Federation A game changer in JavaScript architecture | Vitor Alencar | Introduce how module federation allowing small and independant modules to be shared and integrated into larger applications. |
| Module Federation and Beyond | Zack Jackson | Advancement in module federation in 2024, new APIs and roadmaps of related tooling in the future. |
| Micro Frontends With Module Federation | Luca Mezzalira | Building a game with micro frontends using Module Federation |
| Module Federation: The Federated Applications Revolution | Zack Jackson | |
| Mastering Micro-Frontends With RSpack and Module Federation | Jack Herrington | Using RSpack with Module Federation |
| Micro frontends - NX, Rspack, Module Federation with new Federated Types! | Russell Canfield | Upgrading an NX Monorepo using Module Federation with webpack over to rspack and the new Module Federation plugins from '@module-federation/enhanced'. |
| Beyond Micro Frontends - Three Additional Things Module Federation Makes Possible | Manfred Steyer | Three different scenarios beyond Micro Frontends: Plugin-based systems that use extensions provided via an app store, A/B testing, and the drastic acceleration of your build times. By the end, you will know how to use these possibilities in your applications. |
| Taming the React Native monolith with Module Federation | Tom Sherman | How to break up a large React Native app into smaller, more manageable pieces using Module Federation. |
| State Management for Module Federation Four Ways | Jack Herrington | Four different state managers and state management approaches you can use in your Module Federation architecture. Including Zustand, Redux, Context and prop drilling. |
| Micro Frontends - Module Federation v1.5 Plugins with rspack | Russell Canfield | Adding a simple plugin to a Module Federation v1.5 setup using rspack, allows us to log the share scope to investigate how our modules are sharing dependencies at runtime. |
| Micro Frontends with Module Federation | Manfred Steyer | Micro Frontends Summit 2023 |
📝 Articles & Blog Posts
Read in-depth articles and technical blog posts that explore Module Federation architecture patterns and real-world use cases.
| Content | Author | Description |
|---|---|---|
| Use module federation to share code in a distributed system | Mike Stelzer | Discover explains how to use module federation to share code. |
| Understanding Webpack Module Federation: A Deep Dive | Zack Jackson | A thorough, deep dive into Module Federation in Webpack 5 |
🎙️ Podcasts
Listen to discussions about Module Federation and the future of JavaScript architecture:
- Module Federation - Module Mixology
Join Zack Jackson and Zack Chapple as they discuss Module Federation, Module Mixology, and the future of JavaScript architecture on the Front End Happy Hour podcast.
📚 Additional Learning
Official Documentation
Community Resources
Getting Started with Zephyr
💡 Contributing Resources: Have a great Module Federation resource to share? Open a PR to add it to this page!