10 Dicas de TypeScript para Desenvolvedores Experientes

Indo Além do Básico

TypeScript evoluiu muito nos últimos anos. Aqui estão 10 dicas que todo desenvolvedor experiente deveria conhecer.

1. Template Literal Types

type EventName = `on${Capitalize<string>}`;
// "onChange" | "onClick" | "onSubmit" ...

2. Satisfies Operator

const config = {
  api: "https://api.example.com",
  timeout: 5000,
} satisfies Record<string, string | number>;
// Tipo inferido mantém os literais, mas valida contra o constraint

3. Branded Types

type Email = string & { readonly __brand: "email" };
type UserId = string & { readonly __brand: "userId" };

function sendEmail(to: Email, userId: UserId) {}
sendEmail(email, userId); // Type-safe!

4. Discriminated Unions com Tipos Genéricos

type Result<T, E = Error> =
  | { ok: true; value: T }
  | { ok: false; error: E };

5. Const Type Parameters

function tuple<T extends readonly string[]>(...args: T): T {
  return args;
}

const colors = tuple("red", "green", "blue");
// Type: readonly ["red", "green", "blue"]

Conclusão

TypeScript continua evoluindo e oferecendo ferramentas cada vez mais poderosas para escrever código seguro e expressivo. Invista tempo em aprender esses padrões — sua base de código agradecerá.