Tutorial - A Guide to Module Federation for Enterprise

This page summarizes the projects mentioned and recommended in the original post on dev.to

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.
surveyjs.io
featured
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.
www.influxdata.com
featured
  • module-federation-examples

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

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

  • dynamic-container-path-webpack-plugin

    Change 'publicPath' at run time rather than build time for dynamic module federated containers.

  • Let's look under the hood to see how the dynamic-container-path-plugin works.

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

    SurveyJS logo
  • dynamic-host-module-federation

    An environment-agnostic, federated host that consumes remote applications dynamically.

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

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

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

  • dynamic-remote-module-federation

    An environment-agnostic, federated app that is partially exposed for dynamic consumption by the host app.

  • remote app repo

  • dynamic-module-federation-assets

    Assets used for dynamic MF repos.

  • module federation assets

  • slides

    Presentations (by sokra)

  • Module Federation podcast slide references

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

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Lazy load external library from CDN?

    1 project | /r/reactjs | 26 Jun 2023
  • How to create a "Container app" with navbar that is used to select other separate apps?

    1 project | /r/reactjs | 26 Jun 2023
  • Do we really need module federation plugins for various frontend tooling ( e.g. vite, webpack etc)?

    1 project | /r/vuejs | 7 Mar 2023
  • How to restrict code access in module federation?

    1 project | /r/reactjs | 19 Feb 2023
  • Is it possible to use Module Federation at static sites built with cra npm build?

    1 project | /r/reactjs | 12 Nov 2022