Introducción a la creación dinámica de tipos

La creación dinámica de tipos en TypeScript le permite definir tipos que se adaptan en función de otros tipos o datos, lo que hace que su código sea más flexible y reutilizable.

Esto se consigue mediante características como los tipos condicionales, los tipos mapeados y los tipos de acceso indexado.

¿Qué es la creación dinámica de tipos?

La creación dinámica de tipos consiste en generar tipos nuevos mediante la transformación o manipulación de tipos existentes, a menudo con las utilidades de tipos avanzadas de TypeScript.

Usar tipos condicionales

Los tipos condicionales usan extends para evaluar tipos en función de una condición:

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

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

Tipos mapeados para la creación dinámica de tipos

Los tipos mapeados recorren las claves de un tipo para crear tipos nuevos dinámicamente:

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

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

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

Usar tipos de acceso indexado

Los tipos de acceso indexado recuperan el tipo de una propiedad a partir de otro tipo:

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

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

Combinar técnicas

Puede combinar tipos condicionales, mapeados y de acceso indexado para crear tipos dinámicos más avanzados:

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; }

Casos de uso prácticos

La creación dinámica de tipos resulta útil para:

• Adaptar API dinámicamente en función de la entrada del usuario.
• Crear tipos de utilidad reutilizables y seguros en cuanto a tipos.
• Definir tipos para transformaciones de datos.

Tarea práctica

Cree un tipo dinámico que marque como opcionales todas las propiedades de un tipo Product cuyo tipo sea string. Pruébelo con datos de ejemplo.

¡Enhorabuena!

Ha aprendido a crear tipos dinámicos en TypeScript mediante tipos condicionales, mapeados y de acceso indexado. ¡Practique estas técnicas para aprovechar todo el potencial del sistema de tipos de TypeScript!