Plan du cours
Introduction
- Vue d'ensemble de l'architecture des micro-frontaux et des concepts de base
- Principes de base React
Pour commencer
- Mise en place de l'environnement de développement
- Bases de la fédération de modules
- Autres frameworks frontaux
Construire des micro-frontaux
- Créer une structure de projet en utilisant React
- Conversion vers les micro-frontaux
- Modifier les applications micro-frontales
- Partager les dépendances et lier plusieurs applications
Intégration des hôtes/conteneurs avec les micro-frontaux
- Intégrations à la construction ou à l'exécution
- Assemblage des composants de l'application
Travailler avec CSS dans les micro-frontaux
- Modifier le composant d'en-tête
- Comprendre CSS dans les bibliothèques JS
- Problèmes courants avec CSS dans les micro-frontaux
- Débogage et résolution des problèmes
Configuration de l'authentification dans les micro-frontaux
- Approches de mise en œuvre
- Communiquer les changements d'authentification
- Ajouter une configuration de déploiement d'authentification
Déploiement de micro-frontaux
- Exigences en matière de déploiement
- Mise en œuvre du pipeline CI/CD
- Tester le pipeline
- Exécution 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 cours : du rythme de parole aux informations expliquées, pour que les confirmés comme 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 présent pour nous fournir des éclaircissements et des conseils précieux sur l'adoption des micro-frontends au sein de notre propre organisation. Il nous a également enseigné comment implémenter les micro-frontends sans utiliser de codes de structure de base.
Alvin Chin - Ministry of Defence
Formation - Building Micro Frontends with React
Traduction automatique