Introduction à TypeScript

TypeScript a pris une place importante dans l'écosystème web, et ce n'est pas un hasard. En tant que sur-ensemble de JavaScript, il ajoute du typage statique optionnel et plusieurs outils qui améliorent la qualité du code.

À la base, TypeScript reste du JavaScript enrichi. Tout code JavaScript valide peut être converti progressivement en TypeScript.

L'un de ses apports majeurs est le typage statique. On peut préciser le type des variables, des paramètres de fonction et des valeurs de retour, ce qui permet d'attraper beaucoup d'erreurs avant l'exécution.

function greet(name: string) {
  console.log(`Hello, ${name}!`);
}

greet("Alice"); // OK
greet(123); // Error

TypeScript permet aussi de définir la forme attendue d'un objet avec des interfaces.

interface User {
  id: number;
  name: string;
  email?: string;
}

function createUser(user: User) {
  // ...
}

Les génériques sont une autre fonctionnalité très utile. Ils permettent d'écrire du code réutilisable tout en conservant une bonne sécurité de type.

function identity<T>(arg: T): T {
  return arg;
}

TypeScript prend également en charge des notions plus avancées comme les unions, les intersections et les types littéraux.

Pour démarrer, il suffit d'installer TypeScript puis de compiler les fichiers :

npm install -g typescript
tsc myFile.ts

Dans un projet réel, un fichier tsconfig.json permet ensuite de définir les options du compilateur.

Beaucoup d'outils modernes comme React, Angular ou Vue offrent une très bonne intégration avec TypeScript. Cela apporte souvent un meilleur autocomplétion, des refactors plus fiables et une maintenance plus confortable.

TypeScript demande un petit temps d'adaptation, surtout si on découvre le typage statique. Mais sur des projets qui grandissent, les gains sont généralement très nets.