Generics en métodos
Curso de TypeScript: Programación Orientada a Objetos y Asincronismo
Contenido del curso
Generics en métodos
Curso de TypeScript: Programación Orientada a Objetos y Asincronismo
Contenido del curso
Miguel Angel Reyes Moreno
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
A nivel didáctico no hay problema, no estamos creando una aplicación real o un curso práctico!
Miguel Angel Reyes Moreno
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.
Samuel Miranda Martínez
Con tal de haber entendido los genéricos valió mucho la pena estas clases, muchas gracias.
Victor Zubiaga
Si, está como para darle un par de revisadas más!!! De todos modos lo hago
Jaime Eduardo Falla Cardozo
Ese es como un patrón decorador....
Jose Fabio Ortega Estrada
Esto me parece complejo, trataré de entenderlo y espero encontrar la oportunidad de usarlos. Veré la clase de nuevo 🤔
Diego Raciel Ortega Hernandez
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
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.
Sebastián Peña
Gerardo Alberto Soto Alvarez del Castillo
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
no entendi nada de los genericos :ccc
Alejandro Ramírez
jajajjajaja x2
Mariana Contreras
Para entender mejor esta clase es mejor conocer sobre patrones estructurales: como el patrón Bridge:
Diego Raciel Ortega Hernandez
Lo ultimo casi no le entendí. E visto la clase como 5 veces y es bastante complejo.
Oier Solabarrieta Egues
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
Y SE PUEDE ENREDAR TANTO COMO QUERAMOS...
María Elena Correa Cano
Increíble todo lo que se puede lograr con TS. Creo que gané muchas nuevas conexiones neuronales viendo este curso, jaja.
Platzi Team
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
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
necesito verlo aplicado al mundo real
Mariana Contreras
Para entender mejor esta clase es mejor conocer sobre patrones estructurales: como el patrón Bridge: .
Gustavo Medina Limon
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
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.
🎯 ¿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:
📄 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).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 = ''; 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:
Product)
con la flexibilidad de tipos en los métodos.📌 ¿Conviene usar generics siempre?
⚠️ No necesariamente.
📊 Regla práctica:
Si un método puede recibir diferentes tipos en distintos contextos → usa generics.Si siempre es el mismo → tipa directamente.