De zéro à héros en TypeScript

TypeScript rend votre code JavaScript plus sûr et plus facile à gérer. Il vous aide à détecter les erreurs précocement.

TypeScript ajoute le typage statique à JavaScript. Il se transforme en JavaScript pur lors de l'exécution.

Types de base courants :

  • number : pour tous les nombres
  • boolean : vrai ou faux
  • string : pour le texte
  • symbol : pour les identifiants uniques
  • bigint : pour les nombres très grands

Annotations de type : let name: string = "Alice"; let age: number = 30;

Tableaux et objets : let fruits: string[] = ["apple", "banana"]; let user: { name: string; age: number } = { name: "Bob", age: 25 };

Fonctions : function greet(name: string): string { return "Hello, " + name; }

Utilisez void si une fonction ne retourne rien : function logMessage(): void { console.log("Message sent"); }

Outils avancés :

  • Alias de type (Type Aliases) : Créez vos propres types.
  • Interfaces : Définissez la structure des objets.
  • Enums : Utilisez un ensemble de constantes nommées.
  • Tuples : Tableaux de longueur fixe avec des types spécifiques.
  • Generics : Créez du code réutilisable qui fonctionne avec plusieurs types.
  • Types utilitaires (Utility Types) : Utilisez Partial, Pick ou Record pour modifier les types.

Bonnes pratiques pour votre flux de travail :

  • Utilisez type pour les alias simples et les primitives.
  • Utilisez interface pour la structure des objets.
  • Évitez d'utiliser any. Cela compromet la sécurité de votre code.
  • Utilisez unknown si vous ne connaissez pas encore le type.
  • Laissez le compilateur déduire les types lorsqu'ils sont évidents.
  • Ajoutez des annotations à vos API pour plus de clarté.

Maîtriser ces outils vous aide à construire des applications volumineuses et stables.

Source: https://dev.to/miasalazar/from-zero-to-hero-in-typescript-425j