Plan du cours
Introduction
- Aperçu de l'architecture micro-frontend et concepts clés
- Fundamentals of React (Fondamentaux de React)
Débuter
- Configuration de l'environnement de développement
- Bases de la fédération de modules
- Autres frameworks frontend
Construction des micro-frontends
- Création d'une structure de projet avec React
- Conversion en micro-frontends
- Modification des applications micro-frontend
- Partage de dépendances et liaison entre plusieurs applications
Intégration d'hôtes/conteneurs avec les micro-frontends
- Intégrations au moment de la construction vs au moment de l'exécution
- Assemblage des composants d'application
Travailler avec le CSS dans les micro-frontends
- Modification du composant en-tête
- Compréhension des bibliothèques CSS in JS
- Problèmes courants liés au CSS dans les micro-frontends
- Débogage et résolution de problèmes
Configuration de l'authentification dans les micro-frontends
- Approches d'implémentation
- Communication des changements d'authentification
- Ajout d'une configuration de déploiement auth
Déploiement des micro-frontends
- Exigences pour le déploiement
- Mise en œuvre du pipeline CI/CD
- Test du pipeline
- Exécution du déploiement
- Vérification du déploiement
Dépannage
Résumé et étapes suivantes
Pré requis
- Expérience avec React
- Expérience en programmation Javascript
Public visé
- 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