CATALOGUE Code & Data Formation Redux Apprendre Redux Implémentation d'une To-Do List avec Redux

Implémentation d'une To-Do List avec Redux

Ajouter un élément à 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

Création du Réduceur

Objectifs

Les objectifs de cette vidéo sont d'enseigner comment créer un réduceur pour une to-do list, comprendre l'utilisation de Redux pour la gestion d'état dans une application React, et apprendre à écrire des tests pour vérifier le comportement des réduceurs.

Résumé

Découvrez comment construire un réduceur pour une to-do list avec Redux en partant de zéro.

Description

Dans cette leçon, nous allons implémenter un système de to-do list en utilisant Redux. Nous commencerons par la création du réduceur, qui est essentiel pour gérer l'état de notre liste. Le state initial sera un tableau contenant des to-dos, chacune ayant des clés ID, Completed et texte. Nous détaillerons ensuite la construction du réduceur en utilisant des tests pour nous assurer que notre état est manipulé correctement sans mutation grâce à object.freeze. Vous apprendrez à utiliser le spread operator pour gérer les mises à jour de l'état et à structurer correctement vos données pour éviter les erreurs.

Voir plus

Questions fréquentes

Pourquoi utiliser Redux pour une to-do list ?
Redux permet une gestion prévisible et centralisée de l'état, ce qui simplifie la maintenance et l'évolutivité de l'application.
Quel est le rôle du réduceur dans Redux ?
Le réduceur est une fonction qui prend l'état actuel et une action, et retourne un nouvel état en fonction de l'action.
Pourquoi utiliser object.freeze dans les tests de réduceur ?
object.freeze permet de s'assurer que l'état initial n'est pas muté, ce qui aide à vérifier que les réduceurs retournent un nouvel état sans modifier l'ancien.