TypeScript para Principiantes: Tu Primera Aplicación Tipada

TypeScript tiene fama de ser difícil. La realidad es que TypeScript es JavaScript con anotaciones de tipos, y puedes aprender lo suficiente para ser productivo en una tarde. No necesitas entender tipos condicionales, mapped types, o template literal types para empezar.

¿Por Qué TypeScript?

TypeScript encuentra errores antes de que lleguen a producción. El tipado estático significa que el compilador verifica que estás usando las variables correctamente sin ejecutar el código. Además, mejora la experiencia de desarrollo con autocompletado inteligente.

Configuración Inicial

La forma más fácil es con npx tsc --init. Las opciones más importantes son target, strict, y outDir. Activa strict desde el primer día. Si empiezas un proyecto nuevo, usa create-next-app o create-vite con la plantilla de TypeScript.

Tipos Básicos

Los tipos básicos son string, number, boolean, null, undefined, y any. Usa any solo como escape. Los arrays se escriben como number[] o Array. Los objetos se describen con interfaces: interface User { id: number; name: string; email?: string }.

Interfaces vs Types

Las interfaces se pueden extender con extends y se fusionan (declaration merging). Los type aliases no. Las interfaces son preferidas para objetos. Los type aliases son mejores para uniones: type Status = 'active' | 'inactive'.

Genéricos Básicos

Los genéricos son parámetros de tipo. function identity(arg: T): T { return arg }. Array y Promise son genéricos. Cuando escribes async function fetchUser(): Promise, estás usando genéricos sin saberlo.

Consejos Prácticos

Usa strict: true. No pongas tipos en todo, TypeScript infiere tipos en muchos casos. Pon tipos en los límites: funciones, APIs, y datos externos. Usa el modo watch: npx tsc --watch. El feedback loop rápido hace que trabajar con TypeScript sea placentero.