Introducción a TypeScript
Aprende TypeScript desde tipos básicos hasta genéricos y Utility Types. Con 5 ejercicios prácticos.
Lo que aprenderás
- Entender el sistema de tipos de TypeScript
- Configurar un proyecto con tsconfig.json
- Usar interfaces, types y generics básicos
- Integrar TypeScript en un proyecto existente
Introducción a TypeScript
TypeScript es un superconjunto de JavaScript desarrollado por Microsoft que añade tipado estático opcional. Al compilarse, genera código JavaScript estándar que puede ejecutarse en cualquier entorno.
La clave está en el tipado estático: puedes declarar el tipo de cada variable, parámetro de función y valor de retorno, y el compilador te avisará de errores antes de ejecutar el código.
// JavaScript (sin tipos)
function sumar(a, b) { return a + b; }
sumar("hola", 5); // "hola5" — bug silencioso!
// TypeScript (con tipos)
function sumar(a: number, b: number): number { return a + b; }
sumar("hola", 5); // Error: Argument of type 'string' is not assignable to 'number'¿Por qué usarlo?
🐛 Menos bugs en runtime
Detecta errores antes de ejecutar el código.
🔍 Mejor autocompletado
Tu editor entiende el código y sugiere con precisión.
♻️ Refactoring seguro
Cambia nombres y estructuras con confianza.
📄 Documentación implícita
Los tipos documentan el código por sí solos.
Configuración
# Instalar TypeScript
npm install -D typescript
npx tsc --init # genera tsconfig.json
# tsconfig.json mínimo recomendado
{
"compilerOptions": {
"target": "ES2020",
"module": "commonjs",
"strict": true, // activa todas las comprobaciones estrictas
"outDir": "./dist",
"rootDir": "./src"
}
}strict: true desde el principio. Es más fácil que añadirlo después cuando ya tienes mucho código.