CATALOGUE Code & Data Formation ReactJS Apprendre ReactJS 2018 - Les fondamentaux Introduction à Create-React-App et JSX

Introduction à Create-React-App et JSX

Hello World
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre ReactJS 2018 - Les fondamentaux
Revoir le teaser Je m'abonne
3,0
Transcription
Cette leçon fait partie de la formation
49,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,0
Cette leçon fait partie de la formation
49,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Mise en place de l'environnement et création d'un composant Hello World

Objectifs

Les objectifs de cette vidéo sont :
1. Comprendre la structure de base d'une application React créée avec create-react-app.
2. Apprendre à manipuler le fichier index.html pour intégrer des composants React.
3. Savoir créer et rendre un composant JSX simple.

Résumé

Cette leçon vous guide à travers le processus de création d'une application React de base en utilisant create-react-app, et vous montre comment rendre un composant Hello World avec du JSX.

Description

Dans cette leçon, nous explorons les aspects fondamentaux de la création d'une application React avec create-react-app. Nous commencerons par comprendre la structure de base d'un projet React, notamment les dossiers public et src.

Ensuite, nous nous concentrerons sur le fichier index.html du dossier public, qui sert de point d'entrée pour l'application React. Nous verrons comment le script bundle.js gère le rendu de l'application dans la div root.

Enfin, vous apprendrez à créer et à rendre un composant Hello World en JSX, en le structurant dans une balise h1. Vous découvrirez également la syntaxe moderne avec les imports et exports en JavaScript.

Voir plus

Questions fréquentes

Quelle est la structure de base d'un projet React créé avec create-react-app?
La structure de base comprend les dossiers public et src. Le dossier public contient notamment le fichier index.html, tandis que le dossier src contient le code source de l'application avec des composants React en JSX.
Comment réagit le fichier index.html avec le script bundle.js généré par create-react-app?
Le fichier index.html inclut le script bundle.js à la fin du document. Ce script est responsable de rendre l'application React à l'intérieur de la div root.
Quelle syntaxe moderne de JavaScript est recommandée pour importer et exporter des modules?
Il est recommandé d'utiliser les syntaxes import from et export default pour importer et exporter des modules en JavaScript moderne. Cependant, la syntaxe require peut encore être utilisée si vous êtes plus à l'aise avec elle.
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