Partie 1 : Découvrir React
Partie 2 : Acquérir les bases de React
Partie 3 : Aller plus loin avec React
Partie 4 : Bonus
Partie 5 : Obtenir votre sticker React

1. Installer son environnement de développement

Alors de quoi allons-nous avoir besoin pour commencer ?

Et bien, la première chose que nous devons faire est de choisir et d’installer un éditeur de code. De préférence, il faudra que cet éditeur de code supporte le TypeScript, en s’occupant de la coloration syntaxique et de l’affichage d’erreurs propre à ce langage. Il y a plusieurs IDEs qui supportent TypeScript et qui pourront nous aider lors de nos développements :

  • Visual Studio Code : Développé par Microsoft pour les développements JavaScript et frontend. Il s’agit d’un IDE complet, populaire et gratuit. De plus, cet IDE supporte également le JSX (Une syntaxe propre à React qui est un mélange de HTML et de JavaScript, que nous verrons dans la suite du cours). Je ne peux que vous conseillé cet IDE si vous ne savez pas lequel choisir, vous ne pouvez pas vous tromper. 👍
  • WebStorm (Payant mais licence de 1 an offerte si vous êtes étudiant).
  • Sublime Text avec ce plugin à installer.
  • Il y en a plein d’autres, d’ailleurs le site officiel de TypeScript a listé sur sa page d’accueil les IDEs recommandés pour TypeScript.

Retenez que ces outils vous simplifient la vie, mais qu’ils ne sont pas indispensables. Choisissez l’environnement de développement avec lequel vous êtes le plus à l’aise, et ne vous embêtez pas avec un nouvel IDE si vous êtes satisfait du vôtre.

Le terme IDE désigne un environnement de développement : il s’agit souvent d’un éditeur de texte amélioré, spécialisé dans le développement logiciel avec tel ou tel langage.

Pour ma part, j’utilise Visual Studio Code  dans ce cours, mais vous êtes libres de travailler avec l’outil que vous préférez. Bon, on commence quand, pour de vrai ?