Module Federation

start treating your component libraries as independently deployed services

Get StartedGet The Book

The Practical Guide to Module Federation

"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.

We will be actively updating this book over the next year as we learn more about best practices and what issues people are running into with Module Federation, as well as with every release of Webpack as it moves towards a release candidate and release. So with your one purchase you are buying a whole year of updates.

Get The Book

Keep Styles In-Sync

Say goodbye to divergent styles and duplicate components throughout parallel teams.

Good Riddance NPM Packages

Gone are the days of updating each consuming application after making a change to a shared NPM package.

Teams can consume components at runtime instead of as part of their build pipeline

"A Microfrontend Revolution"

Marais Rossouw

"A game-changer in JavaScript architecture"

Zack Jackson

Webpack 5 Federation For Dummies

Webpack 5 Module Federation aims to solve the sharing of modules in a distributed system, by shipping those critical shared pieces as macro or as micro as you would like. It does this by pulling them out of the the build pipeline and out of your apps.

Read More

Case Studies

A Blog Utilizing This Websites Modules

Explore the source of a simple blog that utilizes the ContainerReferencePlugin to reference federated components from this website.

Browse Code

Looking To The Future

Staying up to date on technology and patterns are important, allowing me to work within your existing stack, or propose one that will scale far into the future.

Created with ❤️by: Jacob Ebey

Module Federation

start treating your component libraries as independently deployed services

Get StartedGet The Book

The Practical Guide to Module Federation

"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.

We will be actively updating this book over the next year as we learn more about best practices and what issues people are running into with Module Federation, as well as with every release of Webpack as it moves towards a release candidate and release. So with your one purchase you are buying a whole year of updates.

Get The Book

Keep Styles In-Sync

Say goodbye to divergent styles and duplicate components throughout parallel teams.

Good Riddance NPM Packages

Gone are the days of updating each consuming application after making a change to a shared NPM package.

Teams can consume components at runtime instead of as part of their build pipeline

"A Microfrontend Revolution"

Marais Rossouw

"A game-changer in JavaScript architecture"

Zack Jackson

Webpack 5 Federation For Dummies

Webpack 5 Module Federation aims to solve the sharing of modules in a distributed system, by shipping those critical shared pieces as macro or as micro as you would like. It does this by pulling them out of the the build pipeline and out of your apps.

Read More

Case Studies

A Blog Utilizing This Websites Modules

Explore the source of a simple blog that utilizes the ContainerReferencePlugin to reference federated components from this website.

Browse Code

Looking To The Future

Staying up to date on technology and patterns are important, allowing me to work within your existing stack, or propose one that will scale far into the future.

Created with ❤️by: Jacob Ebey