phillipzada / dynamic-mfe

Created with StackBlitz ⚡️

  ###################
  #######################
  #########################
              #########    *,*
            #######    ****
         #####    ,*,*,*
      ####    *******
   ###   .**,*****
      ******,***************,**
        ,***,***,***,***,***,**
            ,***************,**

Z Ware | Microapp Federation Demo

Purpose

Purpose of this repo is to demo how you can easily use dynamic MFE in your web applications either by using SystemJS or Webpack Module Federation.

This demo utilises the dynamic nature of import maps and the containerisation benefits of Module Federation.

Goals

• Load MFE using Static Module Federation
• Load MFE using Dynamic Module Federation (at runtime)
• Load MFE using Dynamic Module Federation with an Import Map
• Load MFE using SystemJS
• Load MFE using iFrame
• Load React MFEs
• Load Angular MFEs

Getting Started

1. Clone the repo

2. Start the dev server

npm run start