Makro- und Mikrofrontend-Architekturen in Angular

Mikrofrontends sind ein beliebtes Konzept, um in Enterprise-Projekten die unabhängige Zusammenarbeit vieler Teams zu ermöglichen. Aber ist dieser Ansatz wirklich die geeignete Methode? Architekturelle Trennung erhöht die Komplexität und erzeugt Aufwand in Kommunikation und Definition stabiler Schnittstellen.

Cathrin beantwortet die wichtigen Fragen:

• Welche Konzepte existieren, was bietet Angular als Standard und wie kann ich für meine Anforderungen den passenden Angular-Mechanismus wählen?
  
• Wie ausgereift sind Konzepte wie Module Federation und welche Probleme treten bei der Verwendung von Webcomponents mit Angular Elements auf?

Vorkenntnisse

• Angular oder ein anderes JS Framework (Inhalte zum Teil übertragbar auf React)
  
• NPM

Lernziele

• Awareness "Mikrofrontend/getrennte GitHub Repos" sind nicht immer die beste Wahl. Jede Separation hat Vor- und Nachteile
  
• Wie ich Pitfalls vermeiden kann, wenn mehrere Teams am gleichen Code arbeiten
  
• Erfahrungen mit Angular Elements und Module Federation
  
• Best Practices zum Erstellen von Librarys als NPM-Module
• Saubere Mikro- und Makroarchitektur wichtig, Linter können helfen