-
module-federation-examples
Implementation examples of module federation , by the creators of module federation
-
dynamic-container-path-webpack-plugin
Change 'publicPath' at run time rather than build time for dynamic module federated containers.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
dynamic-host-module-federation
An environment-agnostic, federated host that consumes remote applications dynamically.
-
webpack
A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
-
dynamic-remote-module-federation
An environment-agnostic, federated app that is partially exposed for dynamic consumption by the host app.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
bootstrap.js serves as an asynchronous barrier for our local and remote code. This is a required file in order for Module Federation to work correctly. You can read more about this here. We'll also set up logic here to lazy-load our remote app.
Let's look under the hood to see how the dynamic-container-path-plugin works.
It's finally time to put everything we learned into action. As we cover specific files and configurations, you can reference the repository found here. Only important files and configurations will be covered.
At the time of this writing, there is an issue with Module Federation where this setting doesn't empty out federated container runtimes; breaking the build. We override by setting runtimeChunk to false.
remote app repo
module federation assets
Module Federation podcast slide references
Related posts
-
Lazy load external library from CDN?
-
How to create a "Container app" with navbar that is used to select other separate apps?
-
Do we really need module federation plugins for various frontend tooling ( e.g. vite, webpack etc)?
-
How to restrict code access in module federation?
-
Is it possible to use Module Federation at static sites built with cra npm build?