Création du Composant Movie
Objectifs
Les objectifs de cette vidéo sont :
- Apprendre à créer un composant réutilisable en React.
- Comprendre comment passer et destructurer des props.
- Utiliser et importer des feuilles de style CSS.
- Afficher des données dynamiques à partir d'un fichier JavaScript.
Résumé
Découvrez comment créer un composant Movie en React, et afficher dynamiquement les données des films stockées dans le fichier data.js.
Description
Dans cette leçon, nous allons apprendre à créer un composant Movie en utilisant React. Nous commencerons par supprimer le composant inutile Hello World et créerons un nouveau dossier nommé Movie. Dans ce dossier, nous ajouterons les fichiers movie.js, movie.css, et index.js. Cette structure facilite l'importation du composant. Ensuite, nous déstructurerons les props pour extraire title, year, et poster. En utilisant JSX, nous afficherons une image et les informations du film.
De plus, nous verrons comment importer et utiliser notre feuille de style CSS pour styliser le composant. Enfin, nous intégrerons ce composant dans notre application App en affichant plusieurs films dynamiquement depuis notre fichier data.js. Cela nous permettra de comprendre comment créer et manipuler des composants réutilisables en React.
Questions fréquentes
Programme détaillé
Module 1 - Les outils pour bien démarrer
Module 2 - Pré-requis de la formation
Module 3 - Mon premier composant React
Module 4 - Mon premier projet en React
Module 5 - Notions avancées
Module 6 - Améliorer son projet
- 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.
En réponse à (sans sujet) par gregory_jarrige
Je vous remercie de votre retour, je fais part de vos remarques au service technique.
Bien à vous, Charlène