Création et Gestion d'une Todo List avec Redux
Objectifs
À la fin de cette leçon, vous serez capable de :
1. Créer une liste de tâches avec React et Redux.
2. Gérer les actions et états dans Redux.
3. Intégrer un input pour ajouter des tâches personnalisées.
Résumé
Découvrez comment créer et gérer une liste de tâches (todo list) avec React et Redux en utilisant des composants et des actions.
Description
Dans cette leçon, nous allons apprendre à implémenter une application de liste de tâches (todo list) en utilisant React et Redux. Nous commencerons par la configuration de base et la création d'un store Redux, puis nous passerons à la création des composants React nécessaires.
Nous allons créer un composant todoApp qui gérera l'affichage des tâches, ainsi qu'un bouton permettant d'ajouter de nouvelles tâches. Nous mettrons également en place la logique pour générer un identifiant unique pour chaque tâche et gérer l'affichage dynamique de la liste des tâches.
Dans une partie avancée, nous ajouterons un input pour personnaliser le texte des tâches et améliorerons l'expérience utilisateur avec du CSS.
Questions fréquentes
Programme détaillé
Module 1 - Pré-requis
Module 2 - Utiliser Redux
Module 3 - Créer une TODO List - Configurer les reducers
Module 4 - Créer une TODO List - Utiliser Redux avec React
Module 5 - Utiliser l'API Context
Module 6 - Améliorer son projet
