JSX et Components
Partie du cours React
Dans la leçon précédente, vous avez vu un composant renvoyer quelque chose qui ressemblait à du HTML : return <h1>Hello, React</h1>;. Cela aurait dû vous paraître un peu bizarre. Les fonctions JavaScript renvoient des valeurs, des nombres, des chaînes ou des objets, elles ne renvoient pas des chevrons.
JSX signifie JavaScript XML. C'est une extension de syntaxe qui vous permet d'écrire quelque chose qui ressemble à une balise HTML directement dans du code JavaScript. Un outil de build (le même genre de compilateur que celui évoqué dans la leçon précédente) lit <h1>Hello</h1> et le transforme en un simple appel de fonction JavaScript avant même que votre navigateur ne le voie, quelque chose comme...
Envie d’apprendre React JSX et Components dans un vrai environnement ?
Cliquez ci-dessous, obtenez une machine Linux avec React prêt, et travaillez sur JSX et Components avec un tuteur IA qui connaît votre code.
Commencer cette leçonJSX et ComponentsCe que vous allez apprendre
- JSX syntax rules
- Single root element
- ClassName vs class
- Embedding expressions with {}
- Defining components
- Composing components
Lire cette leçon dans votre langue
Toutes les leçons de ce cours
17 leçons- 1Qu'est-ce que React ?25 min
- 2JSX et Components30 min
- 3Props30 min
- 4Le State avec useState35 min
- 5Gestion des événements30 min
- 6Rendu conditionnel et listes30 min
- 7Formulaires et Controlled Inputs35 min
- 8Les Effects avec useEffect40 min
- 9Récupération des données40 min
- 10Composition de Components35 min
- 11Context et useContext35 min
- 12useReducer35 min
- 13Hooks personnalisés35 min
- 14Performance et Memoization35 min
- 15Routage avec React Router40 min
- 16Tester les Components React40 min
- 17Projet final : Application de liste de tâches60 min
Voir les autres cours
