TypeScript 2025: hoja de ruta de junior a senior

¿Por qué TypeScript es imprescindible en 2025?

Si todavía escribes en JavaScript puro y piensas que "los tipos son un dolor de cabeza innecesario", entonces 2025 podría ser una ducha fría para ti. TypeScript dejó de ser solo un "complemento" hace tiempo: es el estándar de la industria. Los grandes proyectos (React, Angular, NestJS, Next.js) están escritos en él o lo requieren para un trabajo cómodo. La demanda de desarrolladores que dominan la hoja de ruta de TypeScript 2025 crece exponencialmente.

En este artículo construiremos una hoja de ruta clara: desde principiante hasta profesional. Aprenderás qué estudiar, en qué orden y, lo más importante, cómo aplicar estos conocimientos en la práctica. ¡Allá vamos!

Etapa 1: Fundamentos — más que solo tipos

Muchos empiezan con lo básico: "let x: number = 5". Pero el verdadero fundamento es entender el sistema de tipos. No te apresures a lanzarte a lo profundo: primero domina lo básico.

1.1 Tipos básicos y anotaciones

TypeScript se trata de control. Le dices al compilador: "Esta variable es una cadena, y punto". Empieza con los primitivos: string, number, boolean, null, undefined. Luego pasa a arrays y tuplas.

let username: string = 'Alexei';\nlet age: number = 30;\nlet isActive: boolean = true;\n// Tupla — array fijo\nlet person: [string, number] = ['Alexei', 30];

Ya en esta etapa notarás cómo el IDE empieza a resaltar errores antes de ejecutar el código. Esta es la magia del tipado estático.

1.2 Interfaces y tipos (Interface vs Type)

En TypeScript hay dos herramientas principales para describir la forma de los objetos: interface y type. Muchos se confunden, pero la regla es simple: las interfaces se pueden extender (extends), y los tipos se pueden combinar mediante intersección (&).

interface User {\n  id: number;\n  name: string;\n}\n\ntype Admin = User & { role: 'admin' };\n\nconst admin: Admin = { id: 1, name: 'Iván', role: 'admin' };

Consejo: Para describir API y clases, usa interface. Para composiciones complejas, usa type.

Etapa 2: Genéricos — tu herramienta principal

Sin genéricos, TypeScript se convierte en un envoltorio aburrido. Los genéricos permiten escribir funciones y clases que funcionan con cualquier tipo, pero manteniendo el rigor. Son imprescindibles para cualquiera que estudie TypeScript para junior y más allá.

2.1 Genéricos simples

Imagina una función que devuelve el primer elemento de un array. Sin genéricos, escribirías any y perderías el tipo. Con genéricos, todo es transparente:

function first<T>(arr: T[]): T | undefined {\n  return arr[0];\n}\n\nconst num = first([1, 2, 3]); // tipo number\nconst str = first(['a', 'b']); // tipo string

2.2 Restricciones de genéricos (extends)

A veces necesitas decir: "Mi genérico debe ser al menos...". Usa extends para restringir.

function getLength<T extends { length: number }>(item: T): number {\n  return item.length;\n}\n\ngetLength('hola'); // 5\ngetLength([1, 2, 3]); // 3

Esta es la base para escribir funciones flexibles pero seguras. Sin esto no se llega a ninguna parte en TypeScript avanzado.

Etapa 3: Tipos utilitarios — magia incorporada

TypeScript proporciona potentes tipos integrados que ahorran horas de trabajo. Si quieres completar la hoja de ruta de TypeScript 2025 rápidamente, estúdialos.

3.1 Partial, Required, Pick, Omit

Estos cuatro son la base. Partial hace que todos los campos sean opcionales, Required los hace obligatorios, Pick selecciona campos, Omit los excluye.

interface User {\n  id: number;\n  name: string;\n  email: string;\n}\n\n// Actualizamos solo nombre y email\ntype UpdateUser = Partial<Pick<U