CATALOGUE Code & Data Formation ReactJS Apprendre ReactJS 2018 Créer une Todo App avec React et Redux

Créer une Todo App avec React et Redux

Présentation et structure du projet
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre ReactJS 2018
Revoir le teaser Je m'abonne
3,0
Transcription
49,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,0
49,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Implémentation de la Todo App

Objectifs

Les objectifs de cette vidéo sont de :

  • Comprendre les bases de Redux.
  • Apprendre à configurer un store Redux.
  • Implémenter une application Todo en utilisant React et Redux.
  • Gérer les états et les actions pour ajouter des tâches à une liste de todo.

Résumé

Dans cette leçon, nous allons créer une todo app en utilisant React et Redux. Vous apprendrez à gérer les états et les actions pour ajouter des tâches à votre liste.

Description

Dans cette leçon, nous allons explorer comment implémenter une liste de tâches (todo) en utilisant React et Redux. Nous commencerons par explorer les principes de base de Redux, incluant la création de réduceurs et de store. Ensuite, nous adapterons notre application pour passer d'un simple compteur à une todo app complète.

Nous allons suivre les étapes suivantes :

  • Création du store Redux avec les réduceurs appropriés.
  • Implémentation d'un composant TodoApp en React.
  • Gestion des actions et des états avec Redux.
  • Ajout de fonctionnalité pour insérer de nouvelles tâches via un formulaire.
  • Rendu dynamique de la liste des tâches dans l'interface utilisateur.

Finalement, nous améliorerons notre application en ajoutant des stylisations CSS et des fonctionnalités supplémentaires comme la gestion de l'état des entrées de formulaire.

Voir plus

Questions - réponses

Quel est le rôle d'un store dans Redux ?
Le store dans Redux est un conteneur unique qui maintient et gère l'état de l'application. Il permet également de dispatch et de gérer les actions.
Comment ajoute-t-on une nouvelle tâche à la liste des todo ?
Pour ajouter une nouvelle tâche, on dispatch une action 'addTodo' avec le type, le texte et un id unique depuis le composant React.
Pourquoi utilise-t-on un state local dans le composant TodoApp ?
Le state local dans le composant TodoApp est utilisé pour gérer la valeur de l'input de formulaire, ce qui permet de capturer et de réinitialiser l'entrée utilisateur lors de l'ajout d'une nouvelle tâche.
1 commentaire
3,0
1 vote
5
4
3
2
1
gregory_jarrige
Il y a 3 years
Commentaire
Cette formation est géniale, mais je ne peux pas lui mettre la note maximale en l'état, car il y a deux problèmes qu'il faudrait signaler à l'auteur :
- la vidéo du chapitre 4.1 ne correspond pas à l'intitulé
- la vidéo du chapitre 6.3 ne correspond pas non plus à l'intitulé
Les deux vidéos erronées correspondent manifestement à un autre cours décrivant la création d'une TODO List.
charlene.bleuse_1
Il y a 3 years
Commentaire
Bonjour Monsieur Jarrige,

Je vous remercie de votre retour, je fais part de vos remarques au service technique.
Bien à vous, Charlène