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 die Lektionen strukturiert und erklärt hat: vom Sprechtempo bis hin zu den erklärten Informationen, sodass sowohl erfahrene Teilnehmer als auch Anfänger mithalten können. Vielen Dank, Marcin!
Ana - MSG system
Kurs - Building Micro Frontends with React
Maschinelle Übersetzung
Er ist sehr geduldig und verständnisvoll gegenüber den Teilnehmern. Er ist immer bereit, uns wertvolle Einblicke und Ratschläge zum Einsatz von Micro-Frontends in unserer eigenen Organisation zu geben. Außerdem hat er uns gezeigt, wie man Micro-Frontends implementiert, ohne auf Boilerplate-Code zurückzugreifen.
Alvin Chin - Ministry of Defence
Kurs - Building Micro Frontends with React
Maschinelle Übersetzung