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
 14 heures

Nombre de participants



Prix par participant

Nos Clients témoignent (5)

Cours Similaires

Advanced React

14 heures

FARM (FastAPI, React, and MongoDB) Full Stack Development

14 heures

Choosing the Right JavaScript Framework

14 heures

Testing React Apps with Jest

14 heures

MERN Fullstack Development

14 heures

Meteor and React

14 heures

Building Micro Frontends with React

21 heures

Building Microservices with NodeJS and React

21 heures

PHP with React

14 heures

React: Build Highly Interactive Web Applications

21 heures

Building Interactive Applications with React, Redux and GraphQL

28 heures

React Patterns

14 heures

Transform a React Application into a Progressive Web App (PWA)

14 heures

React, Redux and TypeScript

21 heures

React, Relay, and GraphQL

14 heures

Catégories Similaires

1