Les bases de React JS #1/9 : La découverte du framework
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Les bases de React JS #1/9 : La découverte du framework

Carl Brison
25,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction à React
Chapitre 2
Application
Chapitre 3
Pour la prochaine fois

Plan détaillé du cours

Chapitre 1 : Introduction à React
1h08m
 
Leçon 1Découvrir la philosophie de React
Leçon 2Installer le framework React
Leçon 3Mettre en place une page web
Leçon 4Afficher un élément dans un autre élément
Leçon 5Ajouter des propriétés
Leçon 6Ajouter un nouvel élément dans un élément
Leçon 7Découvrir le langage JSX
Leçon 8Passer du JavaScript à JSX
Leçon 9Créer notre premier Composant
Leçon 10Passer un props d'un Composant parent à un composant enfant
Leçon 11Passer plusieurs props d'un composant parent à un composant enfant
Leçon 12Le site de Babel
Chapitre 2 : Application
29m14s
 
Leçon 1Mise en place des bases du travail
Leçon 2Ecrire et afficher le composant Parent
Leçon 3Déclarer le composant Enfant
Leçon 4Recevoir et afficher les props
Leçon 5Attention aux noeuds !
Chapitre 3 : Pour la prochaine fois
02m09s
 
Leçon 1Pour la prochaine fois

Aperçus

Avis des apprenants

Détail des avis
5
Apprenants
5
Commentaires
5/5
Note moyenne
5/5
5
4/5
0
3/5
0
2/5
0
1/5
0
Bernard Chabloz
Bernard Chabloz
Publié le 20/11/2023
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();
Carl Brison
Carl Brison
Vous avez parfaitement raison er c'est ce que nous verrons dans le second épisode. Merci beaucoup pour votre commentaire ;-)
Regis Philippe
Regis Philippe
Publié le 16/11/2023
Toujours aussi inintéressant , je vais attaquer le deuxième volet. merci
Carl Brison
Carl Brison
Merci beaucoup, c'est très gentil ;-)
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 06/11/2023
Je découvre React , cela parait touffu et malgré ces bonnes explications je vais reprendre l'ensemble pour bien comprendre la finalité ... Didier
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire, Didier ;-)

Vos questions sur le cours

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

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données