Tipos de utilitários

TypeScript fornece vários tipos de utilitários globais para facilitar transformações de tipos comuns. Esses tipos são genéricos e permitem construir declarativamente novos tipos a partir dos existentes.

Os quatro tipos de utilitários mais comumente usados ​​são:

1. Partial<T>

Torna todas as propriedades de um tipo T opcionais. Isso é extremamente útil para funções de atualização/patch onde o chamador pode fornecer apenas um subconjunto de campos:

interface User {
  id: number;
  name: string;
  email: string;
}

// All properties of User become optional: { id?: number; name?: string; email?: string; }
type UserUpdate = Partial<User>;

2. Readonly<T>

Torna todas as propriedades de um tipo T somente leitura. Qualquer tentativa de reatribuir uma propriedade acionará um erro do compilador em tempo de compilação:

interface Point {
  x: number;
  y: number;
}

const p: Readonly<Point> = { x: 10, y: 20 };
// p.x = 5; // Error: cannot assign to 'x' because it is a read-only property

3. Pick<T, Keys>

Cria um tipo selecionando apenas um conjunto específico de chaves (representado por uma união de string) do tipo T:

interface Article {
  id: number;
  title: string;
  content: string;
  views: number;
}

// Selects only 'title' and 'views': { title: string; views: number; }
type ArticlePreview = Pick<Article, 'title' | 'views'>;

4. Omit<T, Keys>

Cria um tipo removendo um conjunto específico de chaves do tipo T. É o dual de Pick:

interface Product {
  id: number;
  name: string;
  price: number;
  secretVendorCode: string;
}

// Removes 'secretVendorCode': { id: number; name: string; price: number; }
type PublicProduct = Omit<Product, 'secretVendorCode'>;

5. Record<Keys, Type>

Cria um tipo de objeto cujas chaves de propriedade são Keys e cujos valores de propriedade são Type. É extremamente útil para mapear chaves para valores, representando dicionários ou tabelas hash (mapas de valores-chave):

type Page = 'home' | 'about' | 'contact';

interface PageInfo {
  title: string;
}

// Creates a dictionary with keys 'home' | 'about' | 'contact' and values PageInfo
const nav: Record<Page, PageInfo> = {
  home: { title: 'Home Page' },
  about: { title: 'About Us' },
  contact: { title: 'Contact Us' },
};

Experimente você mesmo

Exercício 1: Atualização de Perfil com Parcial

Exercício 2: Removendo Campos Sensíveis com Omitir

Exercício 3: Configuração pública com Pick e Readonly

Exercício 4: Registro de usuário com registro e somente leitura