L'essentiel de React.js

Découvrir les plug-ins pour son éditeur de texte

Testez gratuitement nos 1257 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Votre éditeur de texte peut être amélioré pour travailler avec React. Découvrez quelques plug-ins pour bien avancer.
03:46

Transcription

Visual Studio, selon moi, est un très bon éditeur. Pourquoi ? Parce qu’il est simple, on peut faire beaucoup de choses avec et vous allez voir que c’est un éditeur qui ne se prend pas la tête. Il n'y a pas grand-chose, c’est très rapide, ça ne prend pas masse de mémoire sur l’ordinateur, c’est très réactif, moi j’aime bien ça. Je n’aime pas les trucs qui indexent pendant trois heures, ça a tendance à m’irriter un petit peu donc cet éditeur, Visual Studio est un très bon éditeur selon moi. Encore une fois, c’est selon moi. Ce qui est bien avec cet éditeur, c’est que vous pouvez installer des plug-ins et ça c’est très important, on va en avoir besoin. Quand vous allez l’installer ça va venir sans plug-ins donc à vous de mettre en place votre environnement. Ici, vous avez un petit onglet sur lequel vous allez pouvoir cliquer, c'est l’onglet des extensions. À cet endroit-là, vous avez une barre de recherche qui va rechercher directement dans le « market place », c’est-à-dire dans toutes les extensions disponibles pour Visual Studio. On va taper « React » et on va avoir une liste de beaucoup d’extensions existantes pour l’éditeur Visual Studio. Alors, vous ferez attention parce que vous allez être noyés sous l’information. Il y a énormément d’extensions qui existent et on ne sait pas vraiment à chaque fois quoi prendre. On a deux mots clés : React et ReactJS. Les deux sont utiles pour filtrer un peu mais, nous, on va rester sur React qui montre beaucoup plus d’extensions possibles. On fera attention, comme je l’ai dit, il y en a beaucoup. Donc ce qu’on installe, ce qu’on installe pas, c’est toujours un petit peu compliqué. Les deux que j’installe généralement (mais vous pouvez en installer plus) vont être « Reactjs code snippets » concrètement ce sont les bouts de codes de React. Quand vous voulez voir ce que c’est, parce que à chaque fois on sait pas vraiment, vous cliquer sur une extension et vous avez ici l’explication de l’extension ce qu’elle fait, comment elle fonctionne, etc... On vous montre même des petites vidéos de comment ça marche, on va vous dire que vous allez avoir des mots-clés que vous allez pouvoir taper, ça réagit à la tabulation, il y a de l’auto-complétion, il y a ici toute l’aide et ça on peut le retrouver à chaque fois, il suffit de se rendre dans les extensions puis d’aller regarder la fiche de l’extension. Donc c’est pas mal. Celle-ci est bien. Ça ce sont les bouts de codes de ReactJS que vous allez pouvoir très facilement auto-compléter. Ensuite j’installe le support JSX pour Visual Studio parce que, de base, il n'y en a pas. On a besoin de ce support-là, c’est intéressant, on va l’installer, celui-là on va le garder de côté comme ça comprendra le JSX, c’est vrai qu’il vaut mieux sinon on va être embêté. Est-ce qu’il y a d'autres choses ? Un peu tout ! Vous allez vouloir vite vous mettre au CoffeeScript + JSX, ce qui est totalement possible, vous avez cette extension-là qui existe. Vous allez faire du Redux un petit peu plus tard. Vous avez une extension qui permet ici d’avoir du Redux, voilà, les « snippets Redux » qui existent aussi et puis il y a plein d’extensions, vous voyez, vous les installez ou vous les installez pas, ça ne changera rien à la formation. Bien sûr vous aurez peut-être un petit peu plus de choses dans votre éditeur, ce ne sont pas des choses qui m’intéressent forcément, il y a des choses qui permettent d’améliorer la lisibilité du code, il y en a aussi sur le « code style », on a une extension qui permet de garantir le « code style », on a une extension qui permet d’avoir ici des outils en plus, à vous de voir. C'est possible, on peut utiliser ça sans aucun problème, sachant qu’il y a des choses en plus. On ne va pas tout voir ensemble, les deux seuls que je vous conseille d’installer c’est JSX, le support et aussi les « codes snippets » parce qu'on en aura besoin, ça permettra d’écrire un petit peu moins de code. Pensez que vous pourrez utiliser Visual Studio pour n’importe quoi, React, Angular, ce que vous voulez donc c’est très intéressant d’aller chercher dans les extensions, s’il existe quelque chose parce qu'il y en a énormément. C’est un super éditeur, communautaire en plus, il est « open-source », c’est un éditeur de texte vraiment très intéressant.

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 :
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 !