Qué es TypeScript y cómo se usa

TypeScript es JavaScript con tipos. Escribes código muy parecido al de siempre, pero además describes qué forma tienen los datos: si una variable es texto, si una función devuelve un número o si un objeto necesita ciertas propiedades.

Eso permite detectar errores antes de abrir el navegador o lanzar la app.

Qué añade sobre JavaScript

JavaScript te deja hacer esto:

function saludar(nombre) {
  return 'Hola ' + nombre.toUpperCase();
}

saludar(42);

Ese error no aparece hasta ejecutar el código. En TypeScript:

function saludar(nombre: string) {
  return 'Hola ' + nombre.toUpperCase();
}

saludar(42);
// Error: 42 no es un string

TypeScript analiza el código antes de ejecutarlo y te avisa.

TypeScript no lo ejecuta el navegador

Los navegadores entienden JavaScript, no TypeScript. Por eso TypeScript se transpila:

1. Escribes .ts
2. TypeScript comprueba tipos
3. Genera .js
4. El navegador ejecuta ese JavaScript

Ejemplo:

const precio: number = 19.99;

Se convierte en algo así:

const precio = 19.99;

Los tipos desaparecen en el código final. Sirven para desarrollo, no para runtime.

Cuándo merece la pena

TypeScript brilla especialmente cuando:

• el proyecto crece
• trabajan varias personas sobre la misma base
• tienes muchos objetos, funciones y estados
• quieres autocompletado y refactors más fiables

En scripts muy pequeños puede parecer más verboso, pero en cuanto el código escala compensa rápido.

Primer ejemplo real

type Usuario = {
  id: number;
  nombre: string;
  activo: boolean;
};

function mostrarUsuario(usuario: Usuario) {
  return `${usuario.nombre} (${usuario.id})`;
}

mostrarUsuario({
  id: 1,
  nombre: 'Ana',
  activo: true,
});

El tipo Usuario actúa como contrato. Si olvidas una propiedad o pasas un tipo incorrecto, TypeScript lo detecta.

Idea importante

TypeScript no evita todos los errores. Si llamas a una API que devuelve datos rotos, o si una librería se comporta mal, sigues necesitando validar y pensar. Lo que sí hace es eliminar una gran cantidad de errores tontos y ambigüedades.

En la siguiente lección entramos en lo básico de verdad: tipos primitivos, anotaciones e inferencia.