TypeScript: Guía completa de preparación para entrevistas

¿Por qué TypeScript es un must have para el desarrollador moderno?

Si has abierto este artículo, significa que ya sabes que TypeScript no es solo un "superconjunto de JavaScript", sino una herramienta completa que salva células nerviosas y servidores de producción. En las entrevistas de 2025, el conocimiento de TypeScript se evalúa en casi el 80% de las vacantes de nivel middle+. Y no se trata de escribir const a: number = 5. Los entrevistadores quieren ver comprensión del sistema de tipos, genéricos y la capacidad de diseñar una arquitectura segura.

En este artículo analizaremos las preguntas más frecuentes en entrevistas de TypeScript que realmente se hacen en las mejores empresas. Obtendrás no solo teoría, sino también ejemplos de código TypeScript que puedes usar directamente en tus proyectos personales. ¡Vamos allá!

1. Base: tipos, interfaces y la diferencia entre ellos

El primer bloque de preguntas es fundamental. El entrevistador quiere asegurarse de que no confundes type e interface.

¿Cuándo usar type y cuándo interface?

Una pregunta clásica. Recuerda esta regla simple:

\n
• Interface — para objetos que se pueden extender (declaration merging). Úsalo para APIs, DTOs, props de componentes.
\n
• Type — para uniones (union), intersecciones, primitivos y tuplas.
\n

Ejemplo de una entrevista real:

// Interface — extensible\ninterface User {\n    id: number;\n    name: string;\n}\n\ninterface AdminUser extends User {\n    role: 'admin';\n}\n\n// Type — unión\ntype Status = 'active' | 'inactive' | 'banned';\ntype ApiResponse<T> = {\n    data: T;\n    error?: string;\n};

Importante: Nunca digas "interface es mejor porque es más rápido". La diferencia de rendimiento es microscópica. Lo principal es la semántica.

2. Genéricos: cómo no quedar mal en una entrevista

El tema de los genéricos en TypeScript es el punto débil favorito de los juniors. A los entrevistadores les encanta pedir que escribas una función que reciba un array y devuelva el primer elemento con el tipo correcto.

Escribiendo una función genérica

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

Ahora complicamos: limitamos el genérico con extends:

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {\n    return obj[key];\n}\n\nconst user = { name: 'Alice', age: 30 };\ngetProperty(user, 'name'); // OK: string\ngetProperty(user, 'email'); // Error: 'email' no está en keyof

Este patrón aparece en cada segundo proyecto con React + TypeScript. Asegúrate de practicar escribiendo genéricos para TypeScript en tus proyectos.

3. Utility Types: tu arsenal secreto

Conocer los tipos utilitarios incorporados es una señal de profesionalismo. El entrevistador puede preguntar: "¿Cómo haces todos los campos opcionales?" o "¿Cómo seleccionas solo una parte de la interfaz?".

Top 5 utility types que debes conocer

\n
• Partial<T> — todos los campos se vuelven opcionales;
\n
• Required<T> — todos los campos son obligatorios;
\n
• Pick<T, K> — selecciona solo las claves indicadas;
\n
• Omit<T, K> — excluye las claves indicadas;
\n
• Record<K, V> — crea un tipo de objeto con claves K y valores V.
\n

Ejemplo que suelen dar en las entrevistas:

interface Todo {\n    title: string;\n    description: string;\n    completed: boolean;\n    createdAt: Date;\n}\n\n// Actualizamos solo una parte de Todo\nfunction updateTodo(todo: Todo, fieldsToUpdate: Partial<Todo>) {\n    return { ...todo, ...fieldsToUpdate };\n}\n\n// Creamos un diccionario\nconst