L'essentiel de React.js

Définir les outils de développement

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Développer sous React ne nécessite pas grand-chose. Cependant, quelques outils en plus peuvent sensiblement améliorer votre travail.
02:33

Transcription

Tout à l’heure, je vous ai parlé des extensions pour votre éditeur. On l’a vu, ça fait partie de la « tool box ». Il y a une chose qu’on n'a pas vu, c’est le travail dans le navigateur. Il faut savoir qu’il existe des outils pour travailler avec React, il n'y en a pas des millions, c'est bien car on ne va pas être noyé sous un flot d’informations, d’extensions et de trucs à installer. On va avoir besoin d’une extension pour le navigateur. C'est important quand vous allez travailler avec React parce que ça va vous permettre d’obtenir des informations. Vous avez ici les React Developer Tools. On va se rendre sur l’extension qui se trouve sur le Chrome Web Store et on va ajouter cette extension directement à notre navigateur. Quand vous aurez ajouté cette extension, (elle va être activée ici) cela vous permettra de travailler sur une application écrite en React. C'est utile pour de nombreux cas : quand vous ne connaissez pas une application et que vous avez besoin de travailler avec et ça peut être utile pour développer, tout simplement. Comment ça va fonctionner ? Ici vous avez des Developer Tools React, on va ouvrir le panneau de développeur et à l’intérieur, vous allez trouver React. En allant sur React, il va se connecter à votre application React et vous allez pouvoir travailler avec les différentes informations. On voit bien ici qu’on a plusieurs composants qui interagissent les uns avec les autres et puis surtout on voit bien qu’il y a quelque chose qui se passe : il y a des informations qui sont mises à jour en direct. C’est très intéressant d’aller voir tout ça parce que vous allez pouvoir très rapidement travailler avec et on va pouvoir voir les différentes informations, où elles se situent dans le code, etc... et travailler proprement avec une application React. Donc pensez-y, c’est vraiment très important de l’avoir, c’est un peu l’extension que vous devez avoir sur votre navigateur, pour travailler avec une application React. D’une, elle vous permet de comprendre une application et de deux, elle va vous permettre de développer proprement. On a vraiment toutes les infos sur les différentes informations, les composants, ce qu'il y a à l’intérieur, quelles vont être ce qu’on appelle des States, on a le code donc il y a vraiment toutes les informations sur chaque composant, c’est génial. Si vous arrivez sur un Projet et que vous ne connaissez pas le projet mais vous savez que c’est du React, vous utilisez ça et puis en une petite heure vous aurez compris et parcouru toute l’application. Donc n’hésitez pas à utiliser cette extension pour le navigateur, je vous la remontre, c’est React Developer Tools. C’est le « must-have » dans le navigateur Chrome pour travailler avec React.

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
Date de parution :27 oct. 2016

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 !