25,00

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

25,00

  • Une formation vidéo de 1h39m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Les bases de React JS #1/9 : La découverte du framework

ajouter ce cours aux favoris retirer ce cours des favoris

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



Formateur : Carl Brison

Carl Brison a publié 333 tutoriels et obtenu une note moyenne de 4,9/5 sur 19 050 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

5
avis laissés
5 étoiles
5
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de zolb laissé 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();
    "Vous avez parfaitement raison er c'est ce que nous verrons dans le second épisode. Merci beaucoup pour votre commentaire ;-)"

  • 5
    avis de bilcoyotte laissé le 16/11/2023
    Toujours aussi inintéressant , je vais attaquer le deuxième volet. merci
    "Merci beaucoup, c'est très gentil ;-)"

  • 5
    avis de membre-7129-6122 laissé 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
    "Merci beaucoup pour votre commentaire, 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
accédez à plus de 1434 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données