Introduction à la création dynamique de types

La création dynamique de types dans TypeScript vous permet de définir des types qui s’adaptent à d’autres types ou données, ce qui rend votre code plus flexible et réutilisable.

Pour cela, vous pouvez utiliser des fonctionnalités telles que les types conditionnels, les types mappés et les types d’accès indexé.

Qu’est-ce que la création dynamique de types ?

La création dynamique de types consiste à générer de nouveaux types en transformant ou en manipulant des types existants, souvent à l’aide des utilitaires de types avancés de TypeScript.

Utiliser les types conditionnels

Les types conditionnels utilisent extends pour évaluer les types en fonction d’une condition :

type IsString<T> = T extends string ? 'Yes' : 'No';

// Test cases
type A = IsString<string>; // 'Yes'
type B = IsString<number>; // 'No'

Types mappés pour la création dynamique de types

Les types mappés parcourent les clés d’un type pour créer dynamiquement de nouveaux types :

type Optional<T> = {
  [K in keyof T]?: T[K];
};

type User = {
  name: string;
  age: number;
};

type OptionalUser = Optional<User>;
// { name?: string; age?: number; }

Utiliser les types d’accès indexé

Les types d’accès indexé récupèrent le type d’une propriété à partir d’un autre type :

type User = {
  name: string;
  age: number;
};

type UserName = User['name']; // string

Combiner les techniques

Vous pouvez combiner les types conditionnels, mappés et d’accès indexé pour créer des types dynamiques plus avancés :

type ReadonlyIfString<T> = {
  [K in keyof T]: T[K] extends string ? Readonly<T[K]> : T[K];
};

type User = {
  name: string;
  age: number;
};

type UpdatedUser = ReadonlyIfString<User>;
// { name: Readonly<string>; age: number; }

Cas d’utilisation pratiques

La création dynamique de types est utile pour :

• Adapter dynamiquement des API en fonction des entrées de l’utilisateur.
• Créer des types utilitaires réutilisables et sûrs du point de vue des types.
• Définir des types pour les transformations de données.

Exercice pratique

Créez un type dynamique qui rend facultatives toutes les propriétés d’un type Product lorsqu’elles sont de type string. Testez-le avec des données d’exemple.

Félicitations !

Vous avez appris à créer des types dynamiques en TypeScript à l’aide de types conditionnels, mappés et d’accès indexé. Entraînez-vous à appliquer ces techniques pour exploiter pleinement le système de types de TypeScript !