Skip to content

Implementation examples of module federation , by the creators of module federation

License

Notifications You must be signed in to change notification settings

loic-djimenou/module-federation-examples

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Module Federation Examples

This repository is to showcase examples of how Webpack 5's new Module Federation can be used.

If you need support, consider looking at my sponsor profile https://github.com/sponsors/ScriptedAlchemy For companies that require consultations, contact me on twitter or email (on github profile)
Youtube Screencasts https://www.youtube.com/playlist?list=PLWSiF9YHHK-DqsFHGYbeAMwbd9xcZbEWJ
Info site https://module-federation.github.io/
Official Docs https://webpack.js.org/concepts/module-federation
Original Webpack Issue https://github.com/webpack/webpack/issues/10352
Medium post https://link.medium.com/xzFgBBtAx6
JSNation Presentation https://github.com/sokra/slides/blob/master/content/ModuleFederationWebpack5.md
Post about Dynamic Remotes https://h3manth.com/posts/dynamic-remotes-webpack-module-federation/

Check out our book

Practical Module Federation Book 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.

Consultations

1 Hour group consultation $100
30 Min 1:1 consultation $60
15 Min 1:1 consultation $30
Bespoke API modifications and hands on code $300-$500/hr

Examples

Legend:

  • ⚠️: In Progress/Incomplete
  • 🔒: Depends on proprietary code that isn't free.

Notes

To run from a git checkout locally, remove all of the proprietary example directories and then run yarn at the repo root. You can then run yarn && yarn start from any of the non-proprietary examples.

Module federation will work with any type of file that youre able to import, that webpack underestands how to process. It is not a JS only, or react only feature. Images, CSS, JSON, WASM, and anything else can be federated.

Companies using Module Federation

  • Netflix
  • Microsoft
  • Lululemon
  • Housing.com
  • VMware
  • Talkdesk
  • Cricket Wireless
  • Reddit
  • Bytedance
  • Rivian (in the cars themselves)
  • Realtor.com
  • FICO
  • Digital Ocean
  • Alibaba
  • Tencent
  • Wayfair
  • RingCentral
  • Indeed
  • Telia
  • Amazon
  • Sony
  • MGM
  • Lowes
  • Home Depot
  • Epic Games
  • ExpediaGroup
  • and many more I cant remember

About

Implementation examples of module federation , by the creators of module federation

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 58.3%
  • TypeScript 25.9%
  • HTML 11.9%
  • CSS 1.7%
  • Vue 0.7%
  • SCSS 0.6%
  • Other 0.9%