Schulungsübersicht
Einführung
- Überblick über die Mikro-Frontend-Architektur und Kernkonzepte
- Grundlagen von React
Erste Schritte
- Einrichten der Entwicklungsumgebung
- Grundlagen des Modulverbundes
- Andere Frontend-Frameworks
Aufbau von Mikro-Frontends
- Erstellen einer Projektstruktur mit React
- Umwandlung in Mikro-Frontends
- Ändern von Mikro-Frontend-Anwendungen
- Gemeinsame Nutzung von Abhängigkeiten und Verknüpfung mehrerer Anwendungen
Integration von Host/Containern mit Mikro-Frontends
- Integrationen zur Erstellungszeit vs. zur Laufzeit
- Zusammenstellung der Anwendungskomponenten
Arbeiten mit CSS in Mikro-Frontends
- Ändern der Header-Komponente
- Verstehen von CSS in JS-Bibliotheken
- Häufige Probleme mit CSS in Micro Frontends
- Fehlersuche und Fehlerbehebung
Konfigurieren der Authentifizierung in Micro-Frontends
- Ansätze zur Implementierung
- Kommunikation von Authentifizierungsänderungen
- Hinzufügen einer Auth-Deploy-Konfiguration
Einsatz von Mikro-Frontends
- Anforderungen für die Bereitstellung
- Implementierung der CI/CD-Pipeline
- Testen der Pipeline
- Ausführen der Bereitstellung
- Überprüfen der Bereitstellung
Fehlersuche
Zusammenfassung und nächste Schritte
Voraussetzungen
- Erfahrungen mit React
- Erfahrung mit Javascript-Programmierung
Publikum
- Entwickler
Erfahrungsberichte (2)
Wie der Trainer den Unterricht strukturierte und erklärte: vom Sprechtempo bis zu den erklärten Informationen, sodass sowohl Erfahrene als auch Anfänger sie verstehen. Danke, Marcin!
Ana - MSG system
Kurs - Building Micro Frontends with React
Maschinelle Übersetzung
He is very patient and understanding towards the participants. Always there to provide us with valuable insights and advice to adopting micro-frontend in our own organisation. He also taught us how to implement micro frontend without utilising any boilerplate codes.