Introdução à criação dinâmica de tipos

A criação dinâmica de tipos no TypeScript permite definir tipos que se adaptam com base em outros tipos ou dados, tornando seu código mais flexível e reutilizável.

Isso é possível por meio de recursos como tipos condicionais, tipos mapeados e tipos de acesso indexado.

O que é criação dinâmica de tipos?

A criação dinâmica de tipos envolve gerar novos tipos transformando ou manipulando tipos existentes, geralmente usando os utilitários avançados de tipos do TypeScript.

Usando tipos condicionais

Os tipos condicionais usam extends para avaliar tipos com base em uma condição:

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

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

Tipos mapeados para criação dinâmica de tipos

Os tipos mapeados percorrem as chaves de um tipo para criar novos tipos dinamicamente:

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

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

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

Usando tipos de acesso indexado

Os tipos de acesso indexado recuperam o tipo de uma propriedade de outro tipo:

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

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

Combinando técnicas

Você pode combinar tipos condicionais, mapeados e de acesso indexado para criar tipos dinâmicos mais avançados:

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áticos

A criação dinâmica de tipos é útil para:

• Adaptar APIs dinamicamente com base na entrada do usuário.
• Criar tipos utilitários reutilizáveis e seguros quanto aos tipos.
• Definir tipos para transformações de dados.

Tarefa prática

Crie um tipo dinâmico que marque todas as propriedades de um tipo Product como opcionais se forem do tipo string. Teste-o com dados de exemplo.

Parabéns!

Você aprendeu a criar tipos dinâmicos no TypeScript usando tipos condicionais, mapeados e de acesso indexado. Pratique essas técnicas para aproveitar todo o poder do sistema de tipos do TypeScript!