¿Ya dominas lo básico? Un curso estructurado de TypeScript es la vía rápida para dar el salto.

Enlace de afiliado. No te cuesta nada extra.

🔷Lecciones de TypeScript

Lección 20 / 20

[Aplicado] Construye un mini sistema de inventario

En esta lección final juntarás lo aprendido para modelar un pequeño inventario con tipos.

No hay sintaxis nueva: se combinan interfaces para describir los artículos, arrays tipados para guardarlos, funciones con tipos de entrada y salida para operar sobre ellos, y tipos literales o uniones donde hacen falta.

Lee el código fijándote en cómo cada pieza corresponde a una lección anterior. Después reescríbelo con tus propios campos: añade un precio, una categoría, o una fecha de entrada.

Al construir algo completo aparece un error distinto al de los ejemplos pequeños: los tipos empiezan a chocar entre sí cuando una función devuelve algo que otra no espera. Leer el mensaje del compilador de arriba abajo, en lugar de intentar adivinar, es la habilidad que más rinde.

Un sistema real no es mucho más que esto repetido y refinado. El siguiente paso natural es conectarlo con datos de verdad —una API o una base de datos— y describir con interfaces la forma de lo que llega.

📖 Código de referencia

enum Status {
  InStock,
  LowStock,
  OutOfStock,
}

interface Item {
  name: string;
  quantity: number;
}

class Inventory {
  private items: Item[] = [];

  add(item: Item): void {
    this.items.push(item);
  }

  statusOf(item: Item): Status {
    if (item.quantity === 0) return Status.OutOfStock;
    if (item.quantity < 5) return Status.LowStock;
    return Status.InStock;
  }

  report(): void {
    for (const item of this.items) {
      console.log(`${item.name}: ${item.quantity} (${Status[this.statusOf(item)]})`);
    }
  }
}

const inv = new Inventory();
inv.add({ name: "Notebook", quantity: 12 });
inv.add({ name: "Eraser", quantity: 3 });
inv.add({ name: "Ruler", quantity: 0 });
inv.report();

✍️ Tu código

Escribe tu código y pulsa «Ejecutar»

🧪 Este sitio no puede compilar ni ejecutar TypeScript directamente, así que comprueba al instante si lo que escribiste coincide con el código de referencia (la corrección ocurre por completo en tu navegador; no se envía nada a ningún servidor).