Dans cet article nous allons voir ensemble les 5 raisons d’apprendre Typescript.
1. Un typage fort
Tu l’auras compris car c’est dans le nom du langage : avec TypeScript on va typer.
Concrètement ça va t’aider à catcher les erreurs durant la compilation de ton code. Contrairement à Javascript qui est très peu typé, les variables TypeScript, les fonctions et les classes sont fortement typées. Ça va éviter les erreurs au runtime.
Prenons ce bout de code :
En JavaScript, ce code ne génère pas d’erreur à la compilation. Pourtant on vient d’assigner une chaîne de caractère à une variable de type number (qui attend donc un nombre).
Tu commences à voir le problème avec JavaScript ? C’est à dire que le code passe la compilation alors qu’il va être en erreur lors de l’exécution du code. Alors que le code est possiblement en production et que les utilisateurs vont utiliser ton appli !
Le bug aurait facilement été évité en TypeScript. Si on reprend le même bout de code :
Tu as directement une erreur claire te disant que tu ne peux pas assigner un type string à un type number.
Ah oui parce que en JavaScript, les erreurs catchées à l’exécution (donc après la compilation, pendant que ton code « tourne ») sont beaucoup moins claires 😅.
2. Apprendre Typescript pour avoir un code plus lisible
TypeScript améliore la lisibilité du code en fournissant plus de contexte sur l’intention du code.
Est-ce que tu t’es déjà dit : « quels champs il y a dans cet objet ? » ou encore « quels arguments sont acceptés par cette fonction ? ». En JavaScript, tu es obligé de naviguer dans plusieurs fichiers pour trouver d’où les valeurs viennent.
Avec TypeScript, ces problèmes n’existent plus (à part si tu l’utilises mal et que tu mets des types « any » de partout). C’est beaucoup plus facile de comprendre les types utilisés dans les fonctions et les classes. Ce qui rend le code auto-documentant en définissant la structure des objets.
Ça aide vraiment à comprendre le code même si c’est un autre développeur qui l’a écrit.
Voici un exemple en JavaScript :
Ici, imagine que tu veuilles utiliser la fonction greet
. Tu es obligé d’aller lire la fonction greet
pour comprendre qu’il faut lui donner un objet person avec un nom et un âge. C’est quand même pas très pratique de toujours devoir relire du code pour utiliser une fonction non ?
Le même exemple en TypeScript :
Ici rien de compliqué. Tu veux utiliser la fonction greet
et tu sais qu’elle prend en paramètre un objet de type Person
. Tu n’as pas besoin de comprendre tout ce que fait la fonction pour l’utiliser. C’est beaucoup plus lisible pas vrai ?
Bon j’espère que cet exemple t’a convaincu 😂
3. Typescript améliore la maintenabilité du code
Avec TypeScript le typage est fort donc on est assurés que le code est écrit de manière consistante et prévisible.
De plus, comme on catch les erreurs au moment de la compilation, on évite de les mettre en production. Certaines erreurs peuvent pointer le bout de leur nez après 2-3 semaines en JavaScript en production. Ce qui fait qu’il faut se replonger dans le ticket de feature pour trouver l’origine du bug.
Enfin, le typage typescript permet de faciliter la compréhension du code et sa mise à jour. Surtout dans le code en entreprise où les projets sont de plus en plus gros et complexes.
Et oui car en TypeScript tu sais non seulement le nom de la variable mais aussi quel type de data elle stocke. Comme on l’a vu au niveau de la lisibilité du code, pas besoin de relire tout l’ancien code pour écrire le nouveau 👌🏻.
Pour en savoir plus, voilà comment typer en typescript.
4. Meilleur support de l’IDE
TypeScript propose un meilleur support sur l’IDE que JavaScript.
Si tu utilises un IDE comme VSCode, Webstorm, Sublime Text ou autre, grâce à TypeScript tu auras une meilleure complétion du code, une meilleure mise en évidence des erreurs et un meilleur débogage.
Ben oui ! Comme TypeScript est fortement typé, les IDE comprennent mieux le code écrit et peuvent mieux t’aider.
C’est également plus simple de naviguer dans la base de code car tu peux facilement rechercher des types et des interfaces.
5. Typescript s’éxécute de partout
TypeScript c’est du JavaScript amélioré qui compile en JavaScript. C’est à dire que quand t’écrit du TypeScript, ça devient du JavaScript après la compilation.
Ça veut dire qu’il s’exécute de partout !
Tu peux l’utiliser à la fois en frontend (pour du React, de l’Angular ou tout autre framework) mais aussi en backend avec Node.js.
L’avantage de TypeScript c’est que tu peux compiler dans (quasiment) toutes les versions de JavaScript : ES6, ES5 jusqu’à… ES3 🙃
Conclusion sur les raisons d’apprendre TypeScript
Pour résumer, voici les raisons d’apprendre et surtout d’utiliser TypeScript :
- Le code est plus lisible
- Le code est plus facilement maintenable
- C’est plus simple de travailler en équipe avec TypeScript
- Le code écrit en TypeScript est auto-documentant. C’est à dire que tu peux comprendre le code directement en le lisant sans même devoir lire une documentation.
- Ça évite beaucoup de bugs
- Ça s’exécute de partout
- La qualité du code est meilleure car TypeScript t’oblige à penser à la structure de ta donnée
Voilà les raisons principales d’apprendre Typescript.
Gagner sa vie avec WordPress
Dans cette formation, je vais t'apprendre à te lancer et à vivre de la création de site web avec WordPress.