~/VibeHandbook
PDF gratis

Lenguajes

typescriptlang.org

TypeScript

Qué es

Piensa en un corrector ortográfico que subraya una palabra mal escrita mientras escribes, antes de que llegues a enviarla. TypeScript hace eso con tu código. Es JavaScript con un sistema de tipos estático añadido encima — un conjunto de reglas que revisa tu código mientras lo escribes y señala errores desde el principio. Se compila a JavaScript puro, así que se ejecuta en cualquier lugar donde corra JS — navegadores, Node, Deno, Bun, entornos de borde ( runtimes) — mientras atrapa toda una categoría de errores antes de que tu código llegue a ejecutarse.

Puntos fuertes

  • Los tipos estáticos detectan errores de escritura, fallos con valores nulos y discrepancias de forma (shape) en tiempo de compilación.
  • Una experiencia de editor excepcional: autocompletado, documentación en línea, refactorizaciones seguras.
  • Adopción gradual — puedes tipar tanto o tan poco como quieras.
  • El mismo lenguaje en y , con un enorme ecosistema npm (Node Package Manager).

Contrapartidas

  • Un paso de build/compilación y un tsconfig.json que configurar.
  • El sistema de tipos es lo bastante potente como para volverse realmente complejo (genéricos, tipos condicionales) y puede convertirse en un pozo de tiempo.
  • Las comprobaciones de tipos solo ocurren mientras escribes y compilas el código. Una vez que el programa se está ejecutando de verdad, esas comprobaciones desaparecen, así que igual necesitas validación en tiempo de ejecución (una segunda comprobación que inspecciona los datos reales mientras el programa corre, por ejemplo Zod) para entradas no confiables.
  • Fricción de configuración y herramientas entre distintos bundlers y entornos de ejecución.

Cuándo recurrir a él

Recurre a TypeScript en cualquier proyecto de JavaScript que no sea trivial, especialmente con varios colaboradores o una vida útil larga. Es la opción por defecto para aplicaciones web modernas (React, Next.js, SvelteKit), backends en Node/edge, y cualquier caso donde la seguridad al refactorizar importe.

Encaje con vibe coding

Los asistentes de IA prosperan en TypeScript porque el verificador de tipos les da — a ellos y a ti — un bucle de retroalimentación rápido: pegas un error de compilación y el modelo normalmente lo arregla con limpieza. Dirige a la IA pidiendo tipos precisos en lugar de any, y solicita validación en tiempo de ejecución en los límites de confianza (entradas de la (Application Programming Interface, interfaz de programación de aplicaciones), variables de entorno (env vars)). Dile explícitamente tu entorno de ejecución y las versiones del para que las importaciones y la configuración generadas coincidan. Cuando los tipos se compliquen, pide al modelo que explique el tipo inferido en lugar de ampliarlo a ciegas.

type User = { id: number; name: string; email?: string };

function greet(user: User): string {
  return `Hi ${user.name}` + (user.email ? ` <${user.email}>` : "");
}

console.log(greet({ id: 1, name: "Ada" }));