Plan du cours
Introduction
- MobX vs Redux vs Relay
Compréhension State Management
- Comment React gère l'état local
- Comment Redux gère l'état
- Comment MobX gère l'état
Pour commencer
- Préparation de l'environnement de développement
- Installation et configuration MobX
Création d'une application
- Vue d'ensemble de l'architecture des composants
- Création d'une React application (composants, éléments, JSX, etc.)
Travailler avec React l'état des composants
- Initialisation et mise à jour de l'état
- Travailler avec des formulaires
Mise en œuvre d'un magasin de données MobX
- Mise en place du magasin de données
- Transmettre des données aux composants
- Afficher le contenu du magasin de données
Gestion des modifications des données
- Ajout de données au magasin
- Notification React du changement d'état des données
Mise à jour de la vue
- Déclaration des données observables
- Mise à jour de la vue
Améliorer le flux de données
- Modifier les données d'état par le biais d'actions
- Appeler des actions (éviter les manipulations de données non sûres)
Travailler avec des valeurs calculées
- Calculs de perforation sur les données de base
Utilisation d'outils et de techniques de développement avancés
- Créer des composants avec ES2017
- Utiliser Babel pour ES2017 et JSX
- Utilisation de WebPack pour React et MobX
- Effectuer des actions asynchrones avec MobX
Test de l'application
- Création de tests unitaires pour les composants React
- Choix des outils et des frameworks (Jest, Enzyme, TestUtils, etc.)
- Créer des tests unitaires pour les magasins MobX
- Débogage de l'application
Déploiement de l'application
- Outils et automatisation
- Mise en œuvre de l'intégration continue (CI)
Dépannage
Résumé et conclusion
Pré requis
- React expérience en programmation
Audience
- Développeurs
Nos Clients témoignent (6)
It was nice it had a lot of exercise, but the pace is too fast.
Irina - Thales Group
Formation - Advanced React
La situation était atypique car une formation intensive pour développeurs devait être menée avec des non-développeurs. Lukasz a relevé ce défi avec empathie et beaucoup d'humour. Grâce à son intelligence et à sa flexibilité, il a réussi à faire en sorte que tout le monde puisse bénéficier d'un apprentissage concret. J'ai beaucoup apprécié ce séminaire et je le referais volontiers avec Lukasz.
Christoph - Honda Bank GmbH
Formation - MERN Fullstack Development
Traduction automatique
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
Environnement convivial. J'ai également apprécié la formation individuelle. C'est très productif. Je le recommanderais sans hésiter à mes amis et collègues.
Zeed - Tamkeen Technologies
Formation - Building Microservices with NodeJS and React
Traduction automatique
The general knowledge sharing by Narendra and all the dev resources shared
Pako Diale
Formation - Transform a React Application into a Progressive Web App (PWA)
Luc Patience
Stroila Adrian Emilian
Formation - React, Redux and TypeScript
Traduction automatique