Apprenez à développer des applications web modernes avec React JS, le framework JavaScript populaire, dans cette formation en ligne complète.
Dans cette première partie, nous allons découvrir les concepts clés de React, tels que JSX, les composants et Babel.
Nous allons apprendre à écrire des composants sous la forme de fonction JS qui retourneront du code JSX.
Nous utiliserons Babel afin de traduire le code JSX en langage JS compréhensible pour les navigateurs.
À la fin de cette 1ère partie dédiée à l'apprentissage du framework ReactJS, vous aurez une meilleure vue sur ses fonctionnalités.
Afin de pouvoir suivre cette formation dans de bonnes conditions, il est indispensable de connaître le HTML ainsi que le CSS et surtout vous devez maîtriser le JavaScript moderne.
Voici un Bundle de 14h pour apprendre à développer en JS moderne.
Table des matières de cette formation React (durée : 1h39m)
-
Introduction à React
- Découvrir la philosophie de React gratuit 00:04:52
- Installer le framework React 00:07:18
- Mettre en place une page web 00:04:54
- Afficher un élément dans un autre élément 00:06:27
- Ajouter des propriétés 00:08:21
- Ajouter un nouvel élément dans un élément 00:07:00
- Découvrir le langage JSX 00:06:21
- Passer du JavaScript à JSX 00:01:40
- Créer notre premier Composant 00:08:06
- Passer un props d'un Composant parent à un composant enfant 00:06:49
- Passer plusieurs props d'un composant parent à un composant enfant 00:03:11
- Le site de Babel 00:03:07
-
Application
- Mise en place des bases du travail 00:07:29
- Ecrire et afficher le composant Parent 00:07:47
- Déclarer le composant Enfant 00:06:31
- Recevoir et afficher les props 00:04:01
- Attention aux noeuds ! 00:03:26
-
Pour la prochaine fois
- Pour la prochaine fois 00:02:09
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Progressif et clair, comme toujours! nb: en V18, ReactDOM.render(
, truc) n'est plus supporté. La structure se monte en deux temps: 1. const root = ReactDOM.createRoot(truc); 2. root.render( ); -
Toujours aussi inintéressant , je vais attaquer le deuxième volet. merci
-
Je découvre React , cela parait touffu et malgré ces bonnes explications je vais reprendre l'ensemble pour bien comprendre la finalité ... Didier
-
Avec quelle version de logiciel ce tuto est-il compatible ?React
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Que contient le fichier source ?Le code source de l'exercice
note moyenne
avis laissés