CATALOGUE Code & Data Formation Redux Apprendre Redux Implémentation du Toggle dans un Réduceur Redux

Implémentation du Toggle dans un Réduceur Redux

Changer le status d'un élement de la liste
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Redux
Revoir le teaser Je m'abonne
Transcription

Cette leçon fait partie de la formation
49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

Cette leçon fait partie de la formation
49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont :

  • Écrire et mettre en place des tests unitaires pour les réduceurs Redux.
  • Implémenter une fonction de toggle pour changer l'état de completed des tâches.
  • Comprendre comment manipuler les références mémoire dans Redux.

Dans cette leçon, nous apprenons à implémenter un toggle pour valider l'accomplissement d'une tâche en ajustant l'état de completed d'une todo.

Cette vidéo vous guide à travers le processus d'implémentation d'un toggle dans un réduceur Redux pour modifier l'état de completed des todos. Nous commençons par écrire un test pour vérifier la fonctionnalité, puis nous implémentons la logique dans le réduceur. Pour ce faire, nous utilisons une nouvelle référence mémoire avec state.map pour parcourir et modifier l'objet cible dans notre tableau de todos. Nous vérifions l'identifiant de chaque tâche et utilisons l'inverse de l'état actuel de completed pour réaliser le toggle. Une fois cette modification effectuée, nous constatons que nos tests passent avec succès, validant notre implémentation.

Voir plus
Questions réponses
Pourquoi utilisons-nous state.map pour implémenter le toggle ?
Nous utilisons state.map pour éviter de muter l'état de manière immuable et pour retourner un nouvel état.
Quelle est la spécificité du toggle implémenté dans cette leçon ?
Le toggle change l'état de completed en son inverse, plutôt que de le régler simplement à vrai.
Comment le test vérifie-t-il notre implémentation ?
Le test compare l'état avant et après l'action toggle pour s'assurer que seulement l'élément ciblé a changé d'état.