Skip to content

TypeScript

TypeScript es un superconjunto de JavaScript que añade tipado estatico, mejores herramientas de refactorizacion y comprobaciones en tiempo de desarrollo. El codigo TypeScript se transpila a JavaScript, por lo que no sustituye al runtime: ayuda a escribir JavaScript mas mantenible.

Este manual trata TypeScript como lenguaje. Angular, React, Next.js y backend tienen sus propios manuales.

Capitulos

  1. Introduccion y configuracion
  2. Tipos basicos y narrowing
  3. Funciones objetos e interfaces
  4. Types interfaces y generics
  5. Clases modulos y decoradores
  6. tsconfig tooling y calidad
  7. TypeScript en frontend y backend
  8. Buenas practicas

Instalacion

bash
npm init -y
npm install -D typescript
npx tsc --init

Compilar:

bash
npx tsc

Primer ejemplo

typescript
function greet(name: string): string {
  return `Hola, ${name}`;
}

console.log(greet("Iago"));

Por que usar TypeScript

  • Detecta errores antes de ejecutar.
  • Documenta contratos de funciones y objetos.
  • Mejora autocompletado y refactorizacion.
  • Facilita mantener proyectos grandes.
  • Reduce errores tipicos de datos incompletos o mal formados.

Buenas practicas desde el inicio

  • Activa strict.
  • Evita any salvo excepciones justificadas.
  • Tipar fronteras del sistema: APIs, formularios, configuracion.
  • No escribas tipos redundantes cuando TypeScript infiere bien.

Ejercicio

Crea una funcion calculateTotal(items) donde cada item tenga price y quantity. Tipala y prueba casos invalidos durante compilacion.