ES
RU
EN
ZH
FR
DE
PT
AR
HI
Introducción: ¿por qué estudiar TypeScript en 2025?
El mundo del desarrollo frontend cambia rápidamente, pero una cosa permanece constante: TypeScript sigue fortaleciendo su posición como el estándar de facto para proyectos grandes. En 2025, no es solo una "extensión de JavaScript", sino una herramienta completa que ayuda a escribir código más confiable, predecible y escalable. Si eres un desarrollador principiante o estás migrando desde JavaScript puro, esta guía te llevará a través de los primeros pasos: desde la instalación hasta la escritura de código significativo.
En este artículo, analizaremos aspectos prácticos: cómo configurar el entorno, dominar los tipos básicos, familiarizarse con las interfaces y los genéricos. Verás que TypeScript no complica el desarrollo, sino que, al contrario, ahorra horas de depuración.
1. Instalación y configuración de TypeScript en 2025
El primer paso es instalar el compilador de TypeScript. En 2025, la forma más conveniente es usar Node.js y el gestor de paquetes npm (o yarn). Asegúrate de tener instalado Node.js versión 20+.
# Instalación global de TypeScriptnpm install -g typescript
# Verificar la versióntsc --versionAhora crea una carpeta para el proyecto e inicialízalo:
mkdir my-first-tscd my-first-tsnpm init -yA continuación, crearemos un archivo de configuración tsconfig.json. Este es el corazón de cualquier proyecto TypeScript, donde especificas las opciones de compilación.
tsc --initDespués de ejecutar el comando, aparecerá un archivo con muchas opciones. Para empezar, basta con dejar la configuración predeterminada. Lo principal es asegurarse de que el parámetro strict: true esté activado (está activado por defecto). Esto te obligará a escribir código de mayor calidad.
La estructura del proyecto en 2025 a menudo incluye las carpetas src (código fuente) y dist (archivos compilados). Créalas:
mkdir src distY agrega en tsconfig.json:
{ "compilerOptions": { "outDir": "./dist", "rootDir": "./src", "strict": true, "target": "ES2022", "module": "ESNext" }, "include": ["src/**/*"]}Ahora crea el primer archivo src/index.ts y escribe un código simple:
// src/index.tsfunction greet(name: string): string { return `¡Hola, ${name}! Bienvenido a TypeScript.`;}
const userName: string = "Alejandro";console.log(greet(userName));Compílalo con el comando tsc. En la carpeta dist aparecerá index.js. Ejecútalo con Node.js: node dist/index.js. Verás el saludo. Felicidades, ¡has escrito tu primer programa en TypeScript!
2. Fundamentos de tipos: tipado estático en la práctica
La principal ventaja de TypeScript es su sistema de tipos. En 2025, se ha vuelto aún más flexible. Veamos los tipos básicos que usarás a diario.
Tipos primitivos
Estos incluyen string, number, boolean, null, undefined, symbol y bigint. TypeScript infiere automáticamente el tipo si es obvio:
let age: number = 25; // indicación explícitalet name = "María"; // TypeScript inferirá stringlet isActive = true; // inferirá booleanArreglos y tuplas
Los arreglos en TypeScript pueden ser de un solo tipo o de tipos mixtos (tuplas).
// Arreglo de númeroslet scores: number[] = [10, 20, 30];
// Notación alternativalet scores2: Array<number> = [10, 20, 30];
// Tupla (longitud y tipos fijos)let person: [string, number] = ["Juan", 30];Tipos any y unknown
Evita any — desactiva la verificación de tipos. En su lugar, usa unknown si el tipo es desconocido:
Blogs
Book Recommendations
Leer también
Rust para backend y frontend: eligiendo el camino correcto
Generics en C++: para qué sirven y cómo usarlos en la práctica
GraphQL vs REST en Rust: ¿qué elegir para el backend en 2025?
