Welcome to NG-BE Live Episode 3 with:

Manfred Steyer

PANELISTS:

Yannick Houbrix

Maarten Tibau

Matt Carniatto

HOSTS:

Sam Vloeberghs

Jurgen Van de Moere

ANGULAR AND MODULE FEDERATION IN-DEPTH

- MANFRED STEYER

The implementation of micro frontends has not been easy so far.

Module Federation, offered by Webpack 5, changes all this. It allows you to load separately compiled applications at runtime and share libraries between them.

In the first half of this session, Manfred teaches us how to use this module federation to create micro frontends with Angular. You will learn about the default scenarios, dynamic Module Federation, sharing libraries, and dealing with version mismatches.

In the second half, Manfred teaches us about Plugin-based architectures. By developing a workflow designer, individual workflow tasks can be exposed via separate applications hosted on different origins and loaded into the workflow designer. This allows one to easily extend the designer without the need to recompile it.

By the end of this episode, you will know what module federation is and how to use it in your projects together with the Angular CLI.