This repository contains the framework to develop Micro Frontends based on Angular, React, Vue and other frameworks. The repository demonstrates various ways of implementing the Micro Frontend architecture style in modern web applications.
The repository provides Micro Frontend host app created in different technology and variety of clients. It also demonstrates the usage of different libraries used during the implemention.
This is based on the recent updates to the WebPack 5.0. You can find module federation reference here. Its a easy to use and integrate with Angular apps and provide a good amount of support.
For the implementaiton we are using the famous module federation package from Angular Architects.
Please refer for a demo app Link
This repository contains various projects
This folder contains the Visual Studio solution to demonstrate the implementation of module federation method. It contains 3 projects
The Host demonstrate a Angular 18 Host that loads different clients from Clients folder.
Working Host Reference Implementation Link
The "Clients" folder contains mifro frontend apps based on Angular 17, 18, 19, React , Vue, etc.
This projects contains the components and classes to facilitate the code sharing, reusability and interactivity between Host & Client.
- Shared Logging service.
- Event Hub to facilitate communication between Host & Client
You can use native federation which is the newest recommended way to build micro frontend in Angular.
This folder contains the Visual Studio solution to demonstrate the implementation of native federation method. It contains 3 projects
The Host demonstrate a Angular 18 Host that loads different clients from Clients folder.
The "Clients" folder contains mifro frontend apps based on Angular 17, 18, 19, React , Vue, etc.
This projects contains the components and classes to facilitate the code sharing, reusability and interactivity between Host & Client.
- Shared Logging service.
- Event Hub to facilitate communication between Host & Client