Schulungsübersicht
Einführung
- Überblick über Micro-Frontend-Architektur und Kernkonzepte
- Grundlagen von React
- Einrichten der Entwicklungsumgebung
- Grundlagen der Modulföderation
- Andere Frontend-Frameworks
- Eine Projektstruktur mit React erstellen
- In Micro-Frontends umwandeln
- Mikro-App-Anpassungen vornehmen
- Abhängigkeiten teilen und mehrere Apps verlinken
- Bauphasen- vs. Laufzeintegrationen
- Zusammenstellen der App-Komponenten
- Anpassen des Header-Components
- CSS-in-JS-Bibliotheken verstehen
- Übliche Probleme mit CSS in Micro-Frontends
- Fehler beheben und Probleme auflösen
- Implementierungsansätze
- Kommunikation von Authentifikationsänderungen
- Eine Auth-Deploy-Konfiguration hinzufügen
- Anforderungen für die Bereitstellung
- Den CI/CD-Pipeline implementieren
- Die Pipeline testen
- Bereitstellung durchführen
- Bereitstellung überprüfen
In die Entwicklung einsteigen
Micro-Frontends erstellen
Integrieren von Hosts/Containern mit Micro-Frontends
Arbeiten mit CSS in Micro-Frontends
Authentifizierung in Micro-Frontends konfigurieren
Micro-Frontends bereitstellen
Fehlerbehebung
Zusammenfassung und Nächste Schritte
Voraussetzungen
- Erfahrung mit React
- JavaScript-Programmiererfahrung
- Entwickler
Zielgruppe
Erfahrungsberichte (2)
How the trainer structured and explained the lessons: from the pace of speech to the information explained, so that both experienced and beginners understand. Thank you, Marcin!
Ana - MSG system
Kurs - Building Micro Frontends with React
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.