Micro-frontends can be used to build applications by different teams, each handling a particular feature component. Module Federation is a way to share libraries and routes between Angular applications, using the shell to lazy load a FlightModule and the microfrontend to load a FlightsModule. The @angular-architects/module-federation plugin was used to move code from the main.ts file to the bootstrap.ts file, which is used to dynamically import the needed meta data for the decision of which version of a shared library to load.
See more results on Neeva
Summaries from the best pages on the web
We can look at micro-frontends as feature-based, where there are different teams and each team handles a particular feature component while another team handles something else. In the end, all teams merge the different components they have built to form one application.
Building micro-frontends with webpack’s Module Federation
Module Federation is a way to use Angular applications to share libraries and routes between them. The shell is used to lazy load a FlightModule, and the microfrontend is used to load a FlightsModule. The @angular-architects/module-federation plugin was used to move code from the main.ts file to the bootstrap.ts file, which is used to dynamically import the needed meta data for the decision of which version of a shared library to load.
The Microfrontend Revolution: Module Federation with Angular
“Module Federation gives us a new method of sharing code between frontend applications. “ The previous sentence is significant in understanding Module Federation. The reason Zack Jackson invented Module Federation …
Microfrontends with Module Federation: What, Why, and How
Webpack 5 released module federation as a core feature. This allows you to import remote webpack builds into your application, resulting in an easy-to-build-and-maintain pattern for micro frontends.
A Beginner’s Guide to the Micro Frontend Architecture