Generics en métodos

Clase 23 de 25 • Curso de TypeScript: Programación Orientada a Objetos y Asincronismo

Miguel Angel Reyes Moreno

student•

Hemos redeclarado muchísimas veces la url de la api, que es una malísima práctica. Les recomiendo que dentro de la carpeta src, hagan una llamada 'api' y dentro un archivo index.ts, simplemente con el siguiente código: export const apiUrl: string = 'https://api.escuelajs.co/api/v1'; Y esta constante la llamamos en todos los archivos necesarios en vez de tener que llenar la memoria de la computadora con la misma información :)

Carlos Rodríguez

student•

A nivel didáctico no hay problema, no estamos creando una aplicación real o un curso práctico!

Miguel Angel Reyes Moreno

student•

Aún así, ¿por qué volverías a escribir muchas veces la misma variable con el mismo valor si puedes hacer solamente 1 vez? Ahorras tiempo y energía que puedes usarla en aprendes más cosas.

Felipe Molano Corredor

student•

Parce mi cerebro se quedo como en el minuto 2 .......de hay en adelante se convirtio en clase de mandarin......... :(

carlos pino

student•

hahaha de un momento a otro, todo se revolco haha

Samuel Miranda Martínez

student•

Con tal de haber entendido los genéricos valió mucho la pena estas clases, muchas gracias.

Victor Zubiaga

student•

Si, está como para darle un par de revisadas más!!! De todos modos lo hago

Jaime Eduardo Falla Cardozo

student•

Ese es como un patrón decorador....

Jose Fabio Ortega Estrada

student•

Esto me parece complejo, trataré de entenderlo y espero encontrar la oportunidad de usarlos. Veré la clase de nuevo 🤔

Diego Raciel Ortega Hernandez

student•

Somos dos esto esta muy complejo y en codigo de producción con NestJS con TS si usan mucho los Genéricos en clases y los extienden con interfaces

Jesús Daniel González Alemán

student•

Realmente el uso de genéricos puede ser engorroso si tienes una app sencilla o que no vas a reutilizar mucho una clase o método. Sin embargo conocerlo y saberlo por si alguna vez necesitas implementarlo es lo importante.

Saberlo aunque no lo uses es la diferencia entre no saberlo y no usarlo o necesitarlo y no saberlo.

Gerardo Alberto Soto Alvarez del Castillo

student•

Lamentablemente, la manera en la que el profesor avanza, modificando el código sin tener en claro una estructura (arquitectura) del código, lo hace muy complejo.

DANIELA PARDIÑAZ

student•

no entendi nada de los genericos :ccc

Alejandro Ramírez

student•

jajajjajaja x2

Joel Suarez

student•

Para entender mejor esta clase es mejor conocer sobre patrones estructurales: como el patrón Bridge: https://refactoring.guru/es/design-patterns/bridge

Diego Raciel Ortega Hernandez

student•

Lo ultimo casi no le entendí. E visto la clase como 5 veces y es bastante complejo.

Oier Solabarrieta Egues

student•

Después de ver la clase varias veces, creo que ya entendí. Intentaré explicar lo que yo he entendido, para ver si alguno de ustedes esta de acuerdo conmigo 🤣

Tenemos una clase BaseHTTPService con métodos que usan tipos genéricos, que se encargarán de hacer las solicitudes HTTP a la API. Por otro lado, tenemos otra clase, ProductCRUDService, que se encargará de especializar los tipos y llamar a las funciones de BaseHTTPService especificando los tipos de cada función.

De esta forma se puede separar lo que son las peticiones a la API y los métodos específicos de cada clase, por ejemplo para Product o Category.

Una clase muy compleja, pero increíble para entender un poco más sobre lo que puede ser un código mantenible, flexible y escalable. Le doy un 11 de 10 😁😁

Gilbert Ardila

student•

Y SE PUEDE ENREDAR TANTO COMO QUERAMOS...

Sebastián Peña

student•

🎯 ¿Qué son los Generics?

En TypeScript, los generics son como variables para los tipos.

Nos permiten crear código reutilizable que funciona con diferentes tipos, pero manteniendo seguridad de tipos 🛡️.

📌 En vez de forzar un tipo fijo, dejamos que sea dinámico, pero siempre bien tipado.

🏛 Generics en métodos dentro de una clase

Cuando usamos generics en una clase, normalmente los declaramos a nivel de clase.

Pero… ¡también se pueden declarar en métodos individuales! ✅

Esto es útil cuando:

El tipo genérico solo se necesita en un método específico.
Queremos que cada método maneje distintos tipos sin que toda la clase tenga que ser genérica.
El tipo depende de la llamada y no de la instancia completa.

📄 Ejemplo base

export class BaseHttpService<TypeClass> {
  constructor(private url: string) {}

  async getAll() {
    const { data } = await axios.get<TypeClass[]>(this.url);
    return data;
  }

  async update<ID, DTO>(id: ID, changes: DTO) {
    const { data } = await axios.put<TypeClass>(`${this.url}/${id}`, changes);
    return data;
  }
}

🔍 Puntos clave:

TypeClass es el genérico a nivel de clase (lo usa getAll y update para saber el tipo base de datos).
En update<ID, DTO>, ID y DTO son genéricos solo de ese método:
- ID → tipo del identificador (puede ser number, string, UUID, etc.).
- DTO → tipo del objeto con los cambios (Data Transfer Object).

🛠 Caso práctico

(async () => {
  const url = '<https://api.escuelajs.co/api/v1/products>';
  const productService = new BaseHttpService<Product>(url);

  const updated = await productService.update<number, UpdateProductDto>(
    200,
    { title: 'New Title' }
  );
})();

💡 Aquí, aunque la clase está tipada con Product,

el método update decide dinámicamente el tipo de ID y DTO según la llamada.

🔄 Usando generics en clases que extienden de otra

A veces una clase hija hereda de una clase padre con generics, y en los métodos de la hija también puedes usar generics.

export class ProductCRUDService extends BaseHttpService<Product> {
  async customUpdate<ID, DTO>(id: ID, dto: DTO) {
    return this.update(id, dto);
  }
}

🚀 Ventajas:

Se combina el tipo fijo de la clase padre (Product) con la flexibilidad de tipos en los métodos.
Permite personalizar métodos con validaciones o reglas extra.

📌 ¿Conviene usar generics siempre?

⚠️ No necesariamente.

✔ Úsalos cuando el tipo pueda variar y quieras mantener seguridad de tipos.
❌ Evítalos si el tipo es siempre el mismo y no hay variación, para mantener el código simple.

📊 Regla práctica:

Si un método puede recibir diferentes tipos en distintos contextos → usa generics.Si siempre es el mismo → tipa directamente.

Platzi Team

student•

Interesante había olvidado el tema de los genéricos, de hecho en c# es muy usado en las librerías, hace algún tiempo implemente esto para mandar registros de insert update, delete, y select, donde se implemento en una sola clase e interfaz y ya esto se heredo en las demás clases, muy chévere recordar y entender mejor

Royer Guerrero Pinilla

student•

Creo que lo mejor para los genericos de BaseHTTPServices seria llamarlos Resource y ResourceID . Desde mi opinion, Pero recuerden las opiniones no son objetivas los argumentos si

Leonardo Antonio Guillén Navarro

student•

necesito verlo aplicado al mundo real

Joel Suarez

student•

Para entender mejor esta clase es mejor conocer sobre patrones estructurales: como el patrón Bridge: https://refactoring.guru/es/design-patterns/bridge.

Gustavo Medina Limon

student•

Es una buena clase para comprender un poco más los generics, sin embargo siempre hay que buscar fuentes alternas para una total comprensión y dominio del tema.

Axlin Miranda

student•

Me costó entenderlo, pero con verla varias veces se entiende, excelente clase, me encanto la parte de los genéricos, la gran utilidad que tienen, que bueno que hizo hincapié que lo vemos mayormente en librería.

Andres Badillo

student•

Afortunadamente, he programado en Dart y Flutter, por lo tanto, este tema no se me complicó 😅