CATALOGUE Code & Data Formation ReactJS Apprendre ReactJS 2018 - Les fondamentaux

Implémenter un Réduceur avec Redux

Retour à la formation
Chapitre 2 Leçon 1
Précédent
Suivant

Apprenez à implémenter votre premier réduceur et à écrire des tests unitaires pour valider son fonctionnement.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons créer un réduceur en JavaScript pour gérer l'état d'un compteur. Un réduceur est une fonction qui prend deux arguments : l'état actuel et une action, et retourne le prochain état de façon pure. Nous aborderons également la création de tests unitaires à l'aide de la librairie expect. Cela inclut les scénarios d'incrémentation, de décrémentation, et la gestion des actions inconnues ou des états non définis. Enfin, nous mettrons en place des paramètres par défaut pour gérer l'état initial du compteur.

En suivant cette leçon, vous apprendrez à :

  • Définir un réduceur et comprendre son rôle dans la gestion de l'état.
  • Utiliser la librairie expect pour écrire et exécuter des tests unitaires.
  • Appliquer les concepts de pureté et d'immuabilité dans vos fonctions réductrices.
  • Gérer les actions non reconnues et définir un état initial par défaut.

Objectifs de cette leçon

Les objectifs de cette vidéo incluent :

  • Comprendre la structure et le fonctionnement d'un réduceur.
  • Apprendre à utiliser la librairie expect pour les tests unitaires.
  • Écrire et exécuter des tests unitaires pour valider le comportement du réduceur.
  • Gérer les actions inconnues et définir des états initiaux par défaut.

Prérequis pour cette leçon

Pour tirer le meilleur parti de cette vidéo, les prérequis incluent :

  • Connaissances de base en JavaScript.
  • Compréhension des concepts de Redux.
  • Expérience avec les tests unitaires en JavaScript.

Métiers concernés

Les concepts abordés dans cette vidéo sont utiles pour les professions suivantes :

  • Développeur Front-End travaillant avec des frameworks JavaScript tels que React.
  • Ingénieur Logiciel se spécialisant dans les applications web et la création de tests unitaires.
  • Architecte Logiciel visant à concevoir des systèmes robustes et testables.

Alternatives et ressources

Des alternatives aux outils utilisés dans cette leçon incluent :

  • Utilisation de Jest au lieu de la librairie expect pour les tests.
  • Adoption d'un autre gestionnaire d'état comme MobX au lieu de Redux.

Questions & Réponses

Un réduceur est une fonction qui prend l'état actuel et une action, puis retourne le prochain état de manière pure, en respectant les principes de Redux.
La librairie expect est utilisée pour écrire des tests unitaires permettant de valider le comportement de notre réduceur, en s'assurant qu'il retourne les états attendus.
Lorsqu'une action inconnue est dispatchée, le réduceur devrait retourner l'état actuel sans apporter de modifications, en gérant cela via une clause default dans un switch.