Unions + narrowing: manejar estados sin bugs

Unions y narrowing

Aprende a modelar estados (loading/success/error) con unions y a usar narrowing para que el compilador te ayude.

Conceptos clave

• Discriminated unions
• Type guards (in, typeof, custom)
• Exhaustive checks

Ejemplo

type Result<T> =
  | { ok: true; data: T }
  | { ok: false; error: string };

function parseId(input: string): Result<string> {
  if (!input.startsWith('u_')) return { ok: false, error: 'invalid id' };
  return { ok: true, data: input };
}

const r = parseId('u_123');
if (!r.ok) {
  console.error(r.error);
} else {
  console.log(r.data);
}

Ejercicio

• Crea un union para estados de un request: idle/loading/success/error.
• Usa exhaustive check para garantizar que cubriste todos.

Checklist de mastery

• Puedo evitar null checks infinitos con unions.
• Se escribir type guards simples.

Profundizacion laboral

Para usar este tema en un contexto profesional, no alcanza con conocer la definicion. Necesitas reconocer restricciones, elegir una solucion razonable y explicar el criterio. Trabaja siempre con una version pequena del problema antes de pasar a una implementacion grande.

Aplicacion en entrevista o trabajo

• Describe el problema en una frase clara.
• Explica que alternativa elegiste y que descartaste.
• Muestra evidencia: codigo, captura, tabla, prototipo, checklist o documento.
• Cierra con una mejora futura para demostrar criterio.