5 prácticas de TypeScript que mejorarán tu código

TypeScript es más que agregar tipos a JavaScript. Usado correctamente, puede hacer tu código más expresivo y menos propenso a errores.

1. Usa tipos literales en lugar de strings genéricos

// ❌ Evita esto
function setTheme(theme: string) { ... }

// ✅ Prefiere esto
type Theme = 'light' | 'dark' | 'system';
function setTheme(theme: Theme) { ... }

2. Aprovecha la inferencia de tipos

No necesitas tipar todo explícitamente. TypeScript es inteligente.

// ❌ Redundante
const name: string = "Alexis";

// ✅ Deja que TypeScript infiera
const name = "Alexis";

3. Usa satisfies para validar sin perder inferencia

const config = {
  theme: 'dark',
  language: 'es',
} satisfies Record<string, string>;

// config.theme sigue siendo 'dark', no string

4. Prefiere unknown sobre any

unknown te obliga a validar el tipo antes de usarlo.

// ❌ any permite cualquier cosa
function process(data: any) {
  return data.value; // Sin validación
}

// ✅ unknown te obliga a validar
function process(data: unknown) {
  if (typeof data === 'object' && data !== null && 'value' in data) {
    return data.value;
  }
}

5. Usa tipos discriminados para estados

type RequestState = 
  | { status: 'idle' }
  | { status: 'loading' }
  | { status: 'success'; data: User }
  | { status: 'error'; error: Error };

---

Estas son solo algunas de las prácticas que más impacto han tenido en mi código. Con el tiempo iré compartiendo más.