CATALOGUE Code & Data Formation ReactJS Apprendre ReactJS 2018 Création d'un Composant Réutilisable avec React

Création d'un Composant Réutilisable avec React

Créer des composants réutilisables
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 Création de Composants

Objectifs

Les objectifs de cette vidéo sont de vous familiariser avec la création de composants réutilisables en React, comprendre l'usage de className pour les styles CSS, et apprendre à importer et utiliser des composants dans un fichier principal.

Résumé

Dans cette leçon, nous apprenons à créer et à réutiliser des composants en React.

Description

Cette leçon explore la création d'un composant réutilisable en utilisant React. Nous commençons par créer un fichier app.js où nous importons React. Nous expliquons comment utiliser className à la place de class afin de définir des styles CSS, car class est un mot réservé en JavaScript. Nous démontrons ensuite comment importer et utiliser un composant existant, ici Hello World. Enfin, nous montrons comment rendre plusieurs instances de ce composant dans l'application en les insérant dans la balise <div> avec la classe app, affichant ainsi Hello World plusieurs fois dans le navigateur.

Voir plus

Questions fréquentes

Pourquoi utilise-t-on 'className' au lieu de 'class' en React ?
En React, 'class' est un mot réservé en JavaScript pour les déclarations de classe. Par conséquent, 'className' est utilisé pour définir les classes CSS.
Comment importe-t-on un composant dans un autre fichier en React ?
Pour importer un composant en React, on utilise l'instruction 'import'. Par exemple, pour importer un composant 'Hello World', on écrit 'import HelloWorld from './HelloWorld''.
Quels sont les avantages de créer des composants réutilisables en React ?
Les composants réutilisables en React permettent d'économiser du temps, d'améliorer la maintenabilité du code et de favoriser la réutilisation du code, rendant les applications plus modulaires et organisées.
1 commentaire
3,0
1 vote
5
4
3
2
1
gregory_jarrige
Il y a 4 ans
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 4 ans
Bonjour Monsieur Jarrige,

Je vous remercie de votre retour, je fais part de vos remarques au service technique.
Bien à vous, Charlène