Les génériques TypeScript vous permettent de créer des composants et des fonctions qui fonctionnent avec une variété de types tout en maintenant une sécurité de types complète. Une fois que vous les maîtrisez, vous vous demandez comment vous avez pu coder sans eux.

Qu'est-ce que les génériques ?

Les génériques sont des paramètres au niveau du type. Tout comme une fonction peut prendre une valeur d'exécution en paramètre, un générique peut prendre un type en paramètre. Le résultat est une définition unique qui fonctionne correctement pour n'importe quel type que vous lui passez.

Contraintes et valeurs par défaut

Utilisez le mot-clé extends pour contraindre les types pouvant être passés à un générique. Cela vous donne accès à des propriétés spécifiques tout en gardant la fonction réutilisable. Combinez cela avec des paramètres de type par défaut pour rendre les API complexes ergonomiques dans les cas courants.

Patterns concrets

Les hooks génériques, les wrappers génériques de réponses API et les gestionnaires de formulaires génériques sont les patterns auxquels je recours le plus souvent. Ils éliminent des classes entières de bugs en faisant circuler le type depuis le site d'appel jusqu'au corps entier de la fonction.