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)
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
Er ist sehr geduldig und verständnisvoll gegenüber den Teilnehmern. Steht uns immer zur Verfügung, um wertvolle Einblicke und Ratschläge zum Einführen von Micro-Frontend in unserer eigenen Organisation zu geben. Er hat uns auch gezeigt, wie man Micro-Frontend ohne die Nutzung von Boilerplate-Codes implementiert.
Alvin Chin - Ministry of Defence
Kurs - Building Micro Frontends with React
Maschinelle Übersetzung