Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

L'essentiel de React.js

Définir un composant avec React

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Découvrez ce qu'est vraiment un composant et pourquoi cette pratique rend le développement si simple.
02:27

Transcription

La voilà, la partie que vous attendez le plus, le code ! Découvrons ensemble ce qu’est vraiment React et comment ça fonctionne. Avant de vraiment partir dans le fonctionnement, et puis dans les possibilités, il faut que vous compreniez la base de base, c’est-à-dire les composants. On en parle depuis le début mais c’est quoi, un composant React ? Alors je vous invite à vous rendre sur la page du projet React, parce que c’est un bon exemple pour le coup, et quand vous serez sur la page, vous allez descendre un petit peu pour obtenir ce premier bloc d’exemples qu’on a ici et vous allez ouvrir votre console développeur. Si vous avez fait comme moi, logiquement vous devriez avoir l’extension React installée sur votre navigateur. Cette extension est ultra importante quand on fait du React et vous allez voir pourquoi. On peut savoir très facilement qu’une application est faite en React simplement en se plaçant sur cet onglet. Je vais cliquer dessus, ça va se connecter et ça va me permettre d’interagir directement avec le code React qui se trouve dans la page. React, ce sont des composants, on l’a dit. Mais c’est quoi un composant, à quoi ça va servir et comment ça marche ? Un composant, garder cela en tête, est un emplacement dans la page. Un composant peut avoir des sous-composants. Un composant va avoir du « templating » et va également avoir de la logique métier. Ce qui est génial avec cet outil, c’est que vous voyez ici, je peux me placer sur les différents composants, parce que tout ça, ce sont des composants, Chaque affichage qu’on a là, chaque ligne qu’on a dans la console, est un composant. Si je l’ouvre, je vais me rendre compte que ce composant, d’abord a de la logique métier, qu’on peut trouver ici à droite, mais il a surtout du « templating ». Et même, à certains endroits, notamment ici pour CodeMirrorEditor, un autre composant. Ce qui est génial, c’est que vous pouvez tout parcourir, vous pouvez voir quelle est l’imbrication des différents composants. Vous pouvez, à droite, connaître à peu près toutes les propriétés et ce qui va se passer. On a toutes les informations sur les composants et les sous-composants dans cette console. Pour le moment, vous n’allez garder en tête qu’une seule information : un composant est un emplacement dans la page. Il comporte du « templating », il comporte de la logique métier, il peut, pourquoi pas, avoir des sous-composants. C’est tout ce que vous avez à savoir pour le moment. On va avancer au fur et à mesure, vous allez apprendre à utiliser les propriétés, les états, etc... Vous allez vous rendre compte que React, c’est simple, rapide et ça permet très rapidement de dynamiser des pages, des emplacements, de créer de la logique métier très vite. Voilà pour le moment, avançons !

L'essentiel de React.js

Exploitez pleinement React.js ! Créez des composants web complexes rapidement, découvrez leurs relations ainsi que leurs cycles de vie, passez en revue la navigation, etc.

3h28 (49 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
React.js React.js 15.3.2
Spécial abonnés
Votre/vos formateur(s) :
Date de parution :27 oct. 2016
Durée :3h28 (49 vidéos)

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !