Fullstack JS - Développez un site eCommerce - React, Node, Express, MongoDB & Stripe
Fullstack JS - Développez un site eCommerce - React, Node, Express, MongoDB & Stripe
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
Théorie
Chapitre 2
Application: Afficher l'heure en temps réel
Application: Afficher l'heure en temps réel
Chapitre 3
Pour la prochaine fois
Pour la prochaine fois
Plan détaillé du cours
Chapitre 1 : Théorie
30m44
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
21m23
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
02m22
Leçon 1Pour la prochaine fois
Avis des apprenants