Les bases de ReactJS #3/9 : Etat et cycle de vie d'un composant
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Les bases de ReactJS #3/9 : Etat et cycle de vie d'un composant

Carl Brison
Promo -32% Jusqu'au 23 juillet, 23:59
17,00€25,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce troisième volet sur l'apprentissage du framework ReactJS, nous allons voir ensemble les états ainsi que les cycles de vie des composants..

  • Nous allons voir comment nous pouvons définir des états par défaut et comment les modifier par la suite.
  • Nous étudierons l'ordre de la modification de ces états effectués par le DOM de React.
  • Pour cela, nous découvrirons les méthodes de montage et de démontage, componentDidMount et componentWillUnmount.
  • Nous terminerons ce troisième volet par la mise en place d'un exercice complet afin de mettre en pratique ce que nous aurons appris dans ce tutoriel. Vous verrez comment afficher l'heure en temps réel sur une page.

Un petit QCM viendra conclure cette formation pour valider vos nouvelles connaissances sur les composants dans React.

Épisodes précédents :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Théorie
Chapitre 2
Application: Afficher l'heure en temps réel
Chapitre 3
Pour la prochaine fois

Plan détaillé du cours

Chapitre 1 : Théorie
30m44s
 
Leçon 1Théorie sur les états d'un composant
Leçon 2Le cycle de vie
Leçon 3Changer la valeur d'un état
Leçon 4Etude du cycle de vie d'un composant monté
Leçon 5Etude du cycle de vie d'un composant démonté
Chapitre 2 : Application: Afficher l'heure en temps réel
21m23s
 
Leçon 1Ecrire les fichiers index.js et index.css
Leçon 2Ecrire le fichier Heure.js
Leçon 3Incrémenter l'heure toutes les secondes
Chapitre 3 : Pour la prochaine fois
02m22s
 
Leçon 1Pour la prochaine fois

Avis des apprenants

Détail des avis
21
Apprenants
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Bernard Chabloz
Bernard Chabloz
Publié le 05/12/2023
Extra, ce petit jouet... en attendant de pénétrer plus avant dans les chaînes d'appel qui m'échappent... et de faire connaissance avec les hook(s), si j'ai bien entendu... Je m'accroche.
Carl Brison
Carl Brison
Vous avez très bien entendu. Merci beaucoup pour votre commentaire ainsi que pour votre enthousiasme ;-)
Alain Tardif
Alain Tardif
Publié le 23/11/2023
Merci Carl pour ses explications sur componentDidMount() et componentWillUnmount(). Le TP pour terminer la théorie, de l'heure en direct, a été particulièrement pratique sur l'utilisation de ces méthodes dans React. Pas forcément simple à comprendre au départ, que componentDidMount() est utilisée pour exécuter du code une fois que le composant est complètement chargé et intégré dans le DOM, tandis que componentWillUnmount() sert à exécuter du nettoyage ou des actions juste avant que le composant soit retiré du DOM. Vous avez su expliquer tout cela simplement, bravo à vous. Validé 100%
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très avisé Alain
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 22/11/2023
très bien expliqué , je commence à comprendre la portée de React grâce à cet exercice. J'attends la suite avec impatience. Didier
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Didier ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

React

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 17,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1380 tutos gratuits

Notre politique de protection des données