This demo takes advantage of EcmaScript Modules (ESM) to do client-side composition of microfrontends. Express is used for serving assets, but ideally one would have a dedicated asset server handling it (see eik.dev).
- Client-side composition of microfrontends
- Client-side routing that consist of one or more microfrontends
- Build each microfrontend with
npm run build - Start each microfrontend with
npm run server - Start the shell with
npm start
The app should now be available on http://localhost:8080.
Each app shares react dependencies through absolute ESM imports that are cached in the browser. They attempt to fetch both react and react-dom from Skypack, thus reducing the bundle size considerably.