Les bases de ReactJS #2/9 : Composant à base de classe
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
1h50
de formation
18
leçons vidéo
4
chapitres
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Les bases de ReactJS #2/9 : Composant à base de classe

4.8/5 Trustpilot (1384 avis) Satisfait ou remboursé
1h50
de formation
18
leçons vidéo
4
chapitres

Dans ce second volet sur l'apprentissage du framework ReactJS, nous allons installer React en ligne de commande. Pour cela nous utiliserons un terminal.

Ensuite, nous allons apprendre à créer des composants à base de classe.

Dans le volet précédent, nous avons appris à créer des composants fonctionnels (à base de fonction).
Nous allons donc apprendre à transformer nos composants fonctionnels en composants à base de classe.
De cette façon, nous allons découvrir les états (state) que l'on peut donner à notre application grâce aux composants à base de classe.
Nous apprendrons comment mettre à jour ces états au travers d'un événement Javascript.

Nous terminerons ce second volet par la mise en place d'un exercice complet afin de mettre en pratique ce que nous aurons appris dans ce tuto.
Un QCM vous sera proposé à la fin de ce cours pour vérifier vos nouvelles connaissances.

Bon tuto ! 
 

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Installer ReactJS en ligne de commande
Chapitre 2
Les composants à base de classe
Chapitre 3
Application
Chapitre 4
Conclusion

Table des matières

Chapitre 1 : Installer ReactJS en ligne de commande

46m32
 
Leçon 1Avant de commencer
Leçon 2Installer React
Leçon 3Lancer le projet React
Leçon 4Retour sur la fonction render utilisée dans React
Leçon 5Afficher notre composant
Leçon 6Créer un fichier JS pour le composant
Leçon 7Passer des props
Leçon 8Ajouter du CSS

Chapitre 2 : Les composants à base de classe

21m24
 
Leçon 1Déclarer un composant à base de classe
Leçon 2Récupérer les props
Leçon 3Mettre en place un événement

Chapitre 3 : Application

41m09
 
Leçon 1Créer le fichier index.js
Leçon 2Créer le fichier ProduitListe.js
Leçon 3Créer les fichiers index.css et ProduitListe.css
Leçon 4Créer le fichier ProduitItems.js
Leçon 5Envoyer des props
Leçon 6Définir un état par défaut

Chapitre 4 : Conclusion

01m42
 
Leçon 1Pour la prochaine fois

Avis des apprenants

Détail des avis
4
Commentaires
5/5
Note moyenne
5/5
4
4/5
0
3/5
0
2/5
0
1/5
0
Bernard Chabloz
Bernard Chabloz
Publié le 30/11/2023
Ça se corse, et c'est moins clair, vu l'appel caché au script index.js (du moins je ne l'ai pas vu...). Ces appels resteront-ils ainsi des “boîtes noires”?
Carl Brison
Carl Brison
Merci pour votre commentaire. Oui en effet ca se corse, il n'y a pas de boite noire. Au 4ème épisode, les choses vont vous paraitre beaucoup plus limpide, croyez-moi !
Regis Philippe
Regis Philippe
Publié le 30/11/2023
Super , comme d'habitude hâte de commencer le troisième volet.
Carl Brison
Carl Brison
Merci beaucoup, c'est très gentil ;-)
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 19/11/2023
Super bien expliqué , heureusement que j'ai suivi vos tutos sur l'architecture MVC en php , cela m'aide à comprendre la philosophie de la découpe ... Didier
Carl Brison
Carl Brison
Merci beaucoup Didier, pour votre commentaire très gentil ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
24,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
1h50 de vidéo • 4 chapitres
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 752 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1420 tutos gratuits

Notre politique de protection des données