Generics en métodos
Curso de TypeScript: Programación Orientada a Objetos y Asincronismo
Contenido del curso
Fundamentos de POO
POO Avanzada
Asincronismo y consumo de APIs
Genéricos
Próximos pasos
Generics en métodos
Generics en métodos
Curso de TypeScript: Programación Orientada a Objetos y Asincronismo
Contenido del curso
Miguel Angel Reyes Moreno
Carlos Rodríguez
Miguel Angel Reyes Moreno
Felipe Molano Corredor
carlos pino
Samuel Miranda Martínez
Victor Zubiaga
Jaime Eduardo Falla Cardozo
Jose Fabio Ortega Estrada
Diego Raciel Ortega Hernandez
Jesús Daniel González Alemán
Gerardo Alberto Soto Alvarez del Castillo
DANIELA PARDIÑAZ
Alejandro Ramírez
Sebastián Peña
Mariana Contreras
Diego Raciel Ortega Hernandez
Oier Solabarrieta Egues
Gilbert Ardila
María Elena Correa Cano
Platzi Team
Royer Guerrero Pinilla
Leonardo Antonio Guillén Navarro
Mariana Contreras
Gustavo Medina Limon
Axlin Miranda
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 :)
A nivel didáctico no hay problema, no estamos creando una aplicación real o un curso práctico!
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.
Parce mi cerebro se quedo como en el minuto 2 .......de hay en adelante se convirtio en clase de mandarin......... :(
hahaha de un momento a otro, todo se revolco haha
Con tal de haber entendido los genéricos valió mucho la pena estas clases, muchas gracias.
Si, está como para darle un par de revisadas más!!! De todos modos lo hago
Ese es como un patrón decorador....
Esto me parece complejo, trataré de entenderlo y espero encontrar la oportunidad de usarlos. Veré la clase de nuevo 🤔
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
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.
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.
no entendi nada de los genericos :ccc
jajajjajaja x2
🎯 ¿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.
Para entender mejor esta clase es mejor conocer sobre patrones estructurales: como el patrón Bridge:
Lo ultimo casi no le entendí. E visto la clase como 5 veces y es bastante complejo.
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 😁😁
Y SE PUEDE ENREDAR TANTO COMO QUERAMOS...
Increíble todo lo que se puede lograr con TS. Creo que gané muchas nuevas conexiones neuronales viendo este curso, jaja.
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
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
necesito verlo aplicado al mundo real
Para entender mejor esta clase es mejor conocer sobre patrones estructurales: como el patrón Bridge: .
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.
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.