TypeScript Spiegato: Perché ne hai bisogno

Scrivi JavaScript ogni giorno. Funziona bene. Allora perché passare a TypeScript?

Una volta ho passato due giorni a correggere un bug in produzione. Era un semplice errore di battitura nel nome di una proprietà. TypeScript avrebbe trovato quell'errore in millisecondi.

TypeScript è JavaScript con i tipi. Microsoft lo ha creato nel 2012. Grandi team in Google e Slack lo utilizzano.

TypeScript non sostituisce JavaScript. Viene compilato in semplice JavaScript. I browser e Node.js eseguono i file JS risultanti. TypeScript ti aiuta a scrivere codice migliore prima di eseguirlo.

Confronta questi due esempi:

JavaScript:

function greetUser(name) {
  return "Hello, " + name.toUpperCase();
}
greetUser(42); // Questo causa un crash dell'app durante l'esecuzione.

TypeScript:

function greetUser(name: string): string {
  return "Hello, " + name.toUpperCase();
}
greetUser(42); // Questo mostra immediatamente un errore nel tuo editor.

Perché usare TypeScript?

  • Intercetta gli errori precocemente: Trovi gli errori mentre scrivi, non quando li trovano gli utenti.
  • Migliore autocompletamento: Il tuo editor conosce la struttura dei tuoi dati e suggerisce le proprietà.
  • Documentazione vivente: Vedi esattamente di quali dati ha bisogno una funzione guardando la sua firma.
  • Refactoring sicuro: Se rinomini una proprietà, TypeScript segnala ogni punto interrotto nel tuo codice.

Come iniziare:

  1. Installalo tramite npm: npm install -g typescript

  2. Crea un file chiamato hello.ts: const message: string = "Hello, TypeScript!"; console.log(message);

  3. Compilalo: tsc hello.ts

Questo crea un file hello.js. I tipi scompaiono nell'output, lasciando JavaScript pulito da eseguire nel browser.

Errori comuni da evitare:

  • Usare "any" per tutto: Questo elimina i vantaggi di TypeScript. Sii specifico.
  • Ignorare gli errori: Non nascondere gli errori con i commenti. Correggi il problema alla radice.
  • Eccesso di annotazioni: TypeScript è intelligente. Spesso può dedurre il tipo tramite l'inferenza.

TypeScript ha una curva di apprendimento ridotta. I benefici si vedono man mano che i tuoi progetti crescono.

Source: https://dev.to/ramesh_s_a8f0867d239e927c/typescript-explained-why-every-javascript-developer-should-care-4nn3