Plan du cours
Introduction
- Vue d'ensemble de l'architecture micro-frontend et des concepts fondamentaux
- Fondamentaux de React
Premiers pas
- Mise en place de l'environnement de développement
- Les bases du module federation
- Autres frameworks frontend
Construction des micro-frontend
- Création d'une structure de projet avec React
- Conversion vers des micro-frontend
- Modification des applications micro-frontend
- Partage des dépendances et liaison de plusieurs applications
Intégration des hôtes/conteneurs avec les micro-frontend
- Intégrations au moment de la compilation vs au moment de l'exécution
- Assemblage des composants de l'application
Travail avec le CSS dans les micro-frontend
- Modification du composant en-tête
- Compréhension du CSS dans les bibliothèques JS
- Problèmes courants avec le CSS dans les micro-frontend
- Débogage et résolution des problèmes
Configuration de l'authentification dans les micro-frontend
- Approches d'implémentation
- Communication des changements d'authentification
- Ajout d'une configuration de déploiement d'authentification
Déploiement des micro-frontend
- Exigences pour le déploiement
- Mise en place du pipeline CI/CD
- Test du pipeline
- Lancement du déploiement
- Vérification du déploiement
Dépannage
Résumé et prochaines étapes
Pré requis
- Expérience avec React
- Expérience en programmation Javascript
Audience
- Développeurs
Nos clients témoignent (2)
Comment le formateur a structuré et expliqué les leçons : du rythme de la parole à l'information présentée, afin que tant les personnes expérimentées que les débutants comprennent. Merci, Marcin !
Ana - MSG system
Formation - Building Micro Frontends with React
Traduction automatique
Il est très patient et compréhensif envers les participants. Toujours disponible pour nous fournir des conseils précieux et des insights sur l'adoption de micro-frontends dans notre propre organisation. Il nous a également appris comment mettre en œuvre un micro-frontend sans utiliser de codes prédéfinis.
Alvin Chin - Ministry of Defence
Formation - Building Micro Frontends with React
Traduction automatique