CATALOGUE Code & Data Apprendre Redux Implémentation du Visibility Filter dans Redux

Implémentation du Visibility Filter dans Redux

Filtrer la liste des todos
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

49,90€ Je commande

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

DescriptionProgrammeAvis

49,90€ Je commande

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

Les objectifs de cette vidéo sont :

- Apprendre à créer et utiliser un réduceur Visibility Filter.

- Savoir filtrer les tâches dans une application To-Do.

- Maîtriser l'intégration de boutons de filtre pour interagir avec l'état des tâches en temps réel.

Découvrez comment utiliser un réduceur Visibility Filter pour contrôler l'affichage des tâches dans une application To-Do en React Redux.

Dans cette leçon, nous allons approfondir l'utilisation des réduceurs dans Redux en implémentant un réduceur pour gérer le Visibility Filter dans une application To-Do. Vous apprendrez à configurer trois états différents : Show All, qui affiche toutes les tâches, Show Active, qui ne montre que les tâches non accomplies, et Show Completed, qui affiche uniquement les tâches terminées.

Nous commencerons par créer une fonction Get Visible To Do, qui filtrera les tâches en fonction du filtre de visibilité sélectionné. Ensuite, nous verrons comment intégrer cette fonction dans notre réduceur et comment utiliser des boutons pour permettre à l'utilisateur de changer le filtre de visibilité en temps réel.

Enfin, nous passerons à une phase de test où nous vérifions que les filtres fonctionnent correctement en ajoutant, complétant et affichant des tâches dans différentes catégories. Un léger ajout de CSS sera également réalisé pour améliorer l'interface utilisateur.

Voir plus
Questions réponses
Qu'est-ce qu'un réduceur dans Redux ?
Un réduceur est une fonction qui prend l'état actuel de l'application et une action, puis retourne un nouvel état.
Quels sont les trois états du Visibility Filter implémentés dans cette vidéo ?
Les trois états du Visibility Filter sont Show All, Show Active, et Show Completed.
Quelle fonction est utilisée pour filtrer les tâches selon le filteur sélectionné ?
La fonction utilisée pour filtrer les tâches est appelée Get Visible To Do.