CATALOGUE Code & Data Formation ReactJS Apprendre ReactJS 2018 Rendre les composants React dynamiques

Rendre les composants React dynamiques

Rendre ses composants dynamiques
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

Introduction à la gestion de l'état

Objectifs

Les objectifs de cette vidéo sont de comprendre la définition et l'utilisation de l'état dans un composant React, de savoir implémenter des composants dynamiques, et d'apprendre à gérer les interactions utilisateur pour déclencher des mises à jour de l'interface.

Résumé

Découvrez comment utiliser l'état dans des composants React pour les rendre dynamiques et interactifs.

Description

Dans cette leçon, nous allons apprendre à transformer des composants React statiques en composants dynamiques en utilisant la gestion de l'état (state management). Nous allons tout d'abord comprendre la différence entre les composants stateless (sans état) et les composants stateful (avec état). Ensuite, nous passerons à une démonstration pratique où nous créerons une classe de composant qui hérite de Component et utilise l'état pour gérer les interactions utilisateur. En particulier, nous mettrons à jour le texte affiché dans le composant lorsque l'utilisateur cliquera sur un bouton.

Nous aborderons également les notions de props et de setState, ainsi que l'utilisation du cycle de vie des composants pour déclencher un nouveau rendu chaque fois que l'état change. À l'issue de cette leçon, vous serez capable de créer des composants React interactifs et dynamiques, en maîtrisant les bases de la gestion de l'état.

Voir plus

Questions - réponses

Qu'est-ce qu'un composant stateful en React ?
Un composant stateful en React est un composant qui possède son propre état interne, lui permettant de gérer et de réagir aux changements de données survenus via des interactions utilisateur ou autres événements.
À quoi sert la méthode setState() en React ?
La méthode setState() en React permet de mettre à jour l'état d'un composant. Lorsque l'état est mis à jour, React re-rend le composant avec les nouvelles données, produisant ainsi une interface utilisateur à jour.
Quelle est la différence entre props et state en React ?
Les props sont des données passées d'un composant parent à un composant enfant, tandis que le state est un ensemble de données propres au composant qui peuvent changer au fil du temps en réponse aux interactions utilisateur ou autres facteurs.
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