vio / module-federation-examples Goto Github PK

This project forked from module-federation/module-federation-examples

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

License: MIT License

Shell 0.07% JavaScript 41.78% Rust 0.20% TypeScript 48.41% CSS 2.25% HTML 5.35% Vue 1.34% Dockerfile 0.05% SCSS 0.36% Svelte 0.17% Less 0.03% EJS 0.01%

module-federation-examples's Introduction

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/

https://module-federation.github.io/

https://www.youtube.com/playlist?list=PLWSiF9YHHK-DqsFHGYbeAMwbd9xcZbEWJ

https://scriptedalchemy.medium.com/

Examples

Legend:

⚠️: In Progress/Incomplete

🔒: Depends on access controled source

💰: commercially avaliable

Module Federation Examples covered by e2e tests with Cypress framework, more info about structure and configuration 👉 here 👈

Check out our 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

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 understands how to process. It is not a JS only, or React only feature. Images, CSS, JSON, WASM, and anything else can be federated.