Typescript, ou comment aimer Javascript

Ah, Typescript, ce langage qui a fait chavirer le cœur de tant de développeurs.

Si vous êtes ici, c'est que vous avez probablement entendu parler de lui. Peut-être que vous avez déjà flirté avec lui, ou peut-être que vous êtes encore à l'étape du regard timide de loin. Quoi qu'il en soit, je suis là pour vous aider à franchir le pas. Alors, enfilez votre plus beau tablier de codeur, et préparez-vous à cuisiner du Typescript.

L'installation : le premier rendez-vous

Comme pour tout premier rendez-vous, il faut bien se préparer. Pour commencer notre aventure avec Typescript, nous avons besoin de Node.js et npm. Si vous ne les avez pas déjà installés, je vous invite à le faire. C'est comme mettre une belle chemise pour un premier rendez-vous, c'est la base.

Une fois que vous avez Node.js et npm, l'installation de Typescript est un jeu d'enfant. Ouvrez votre terminal et tapez la commande suivante :

npm install -g typescript

Et voilà, vous avez installé Typescript. C'est comme si vous veniez de commander un verre dans un bar. Maintenant, il est temps de vraiment commencer à faire connaissance.

La configuration : apprendre à se connaître

Maintenant que Typescript est installé, il est temps de le configurer. Pour cela, nous allons créer un fichier tsconfig.json à la racine de notre projet. C'est un peu comme si on décidait de l'endroit où on va dîner.

Voici un exemple de configuration de base :

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "strict": true
  }
}

Cette configuration indique que nous voulons compiler notre code Typescript en JavaScript ES5 et que nous utilisons le système de modules CommonJS. L'option strict activée signifie que nous voulons que Typescript soit aussi strict que possible lors de la vérification de notre code. C'est comme si on décidait de manger sainement lors de notre premier rendez-vous.

Les premiers pas : la première danse

Maintenant que tout est en place, il est temps de commencer à coder. Créez un nouveau fichier index.ts et écrivez votre premier bout de code Typescript :

function sayHello(name: string): string {
  return `Hello, ${name}!`
}

console.log(sayHello('world'))

Pour compiler ce code en JavaScript, retournez à votre terminal et tapez :

tsc index.ts

Cela va créer un fichier index.js avec le code JavaScript correspondant. C'est comme si vous veniez de danser votre première danse avec Typescript.

Conclusion : le début d'une belle histoire

Et voilà, vous avez fait vos premiers pas avec Typescript. Comme pour toute nouvelle relation, il y aura des hauts et des bas. Parfois, vous vous disputerez avec le compilateur. Parfois, vous serez frustré par les types. Mais au final, vous verrez que Typescript est un partenaire fiable qui vous aidera à écrire un code plus sûr et plus maintenable.