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

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

Carl Brison
25,00€
Paiement différé ou en 3x avec Klarna. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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

Plan détaillé du cours

Chapitre 1 : Installer ReactJS en ligne de commande
46m32s
 
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
21m24s
 
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
41m09s
 
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
01m42s
 
Leçon 1Pour la prochaine fois

Avis des apprenants

Détail des avis
3
Apprenants
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

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 : 25,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 1342 tutos gratuits

Notre politique de protection des données