En realidad vi este curso esperando decorators. Lo he visto mucho y hasta usado, pero a los trancazos en proyectos del trabajo. Esta explicación ayudó bastante uff y genéricos, que no sabÃa que no sabÃa.
Introducción
¿Ya tomaste el Curso de TypeScript: Tipos Avanzados y Funciones?
Fundamentos de POO
Class
Métodos
Acceso público
Acceso privado
Constructor
Getters
Setters
POO Avanzada
Herencia
Acceso protegido
Static
Interfaces
Clases abstractas
Singleton: constructor privado
Asincronismo y consumo de APIs
Promesas
Tipando respuestas HTTP
Proyecto: migración de funciones a clases
Consumiendo ProductMemoryService
ProductHttpService
Consumiendo ProductHttpService
Genéricos
Generics
Generics en clases
Generics en métodos
Decoradores
Próximos pasos
¿Quieres más cursos de TypeScript?
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Decoradores
24/25Recursos
Aportes 18
Preguntas 10
Ordenar por:
los decoradores son como las anotaciones en java
Instalacion:
npm install class-validator --save
Faltó el crear decoradores…
Sinceramente esperaba mas, es una clase de como implementar decoradores mas que nada. Hubiese estado bueno crear al menos uno básico.
// A diferencia de TypeScript,
// los decoradores No van a decir los errores de forma inmediata.
// Dan feedback hasta el runtime.
// Agregan validaciones y comportamientos extra
Realmente espectacular la parte de genericos, pero medio con sabor a poco la parte de decoradores, estaria bueno agregar un video mas de como crear decoradores
Para que no tengas que cerrar y abrir VS Code, simplemente vete a la paleta de comandos de VS Code con (ctrl + shift + P) y busca ‘Typescript: Restart TS server’. Esto te permite reiniciar las funcinalidades de TS, con esto ya no te aparecerá el error.
me recuerdan a las anotaciones de Springboot
Simplemente genial esta clase!
Los decorators en TypeScript son una forma de modificar el comportamiento de clases, métodos, propiedades o parámetros. Se utilizan ampliamente en frameworks como Angular para añadir metadatos o funcionalidades de manera declarativa.
### Usos de los decorators:
1. **Class Decorators**: Modifican la clase.
2. **Method Decorators**: Modifican métodos.
3. **Property Decorators**: Modifican propiedades.
4. **Parameter Decorators**: Modifican parámetros de métodos.
### Ejemplos:
1. **Class Decorator**:
```typescript
function LogClass(target: Function) {
console.log(`Class: ${target.name}`);
}
@LogClass
class User {}
```
2. **Method Decorator**:
```typescript
function LogMethod(target: any, propertyName: string, descriptor: PropertyDescriptor) {
console.log(`Method: ${propertyName}`);
}
class User {
@LogMethod
getName() {
return 'User';
}
}
```
3. **Property Decorator**:
```typescript
function LogProperty(target: any, propertyName: string) {
console.log(`Property: ${propertyName}`);
}
class User {
@LogProperty
name: string;
}
```
Estos ejemplos muestran cómo los decorators permiten una programación más clara y modular en TypeScript.
La anotación @IsFQDN en la biblioteca class-validator se utiliza para validar si una cadena es un nombre de dominio totalmente calificado (Fully Qualified Domain Name o FQDN) válido.
.
Un nombre de dominio totalmente calificado es una cadena que representa una ubicación especÃfica en la estructura jerárquica del sistema de nombres de dominio (DNS). Un FQDN consta de varios componentes separados por puntos y sigue un formato especÃfico, como www.example.com o api.myapp.io.
.
Al utilizar @IsFQDN como decorador en una propiedad de una clase, se puede validar que el valor de esa propiedad sea un FQDN válido. Por ejemplo:
import { IsFQDN } from 'class-validator';
class MyClass {
@IsFQDN()
domain: string;
}
En este ejemplo, la propiedad domain de la clase MyClass se validará utilizando la anotación @IsFQDN. Si el valor asignado a domain no cumple con el formato de un FQDN válido, se generará un error de validación.
.
Es importante tener en cuenta que la anotación @IsFQDN solo valida la sintaxis del FQDN, no verifica si el dominio realmente existe en Internet.
nota importante : Es importante tener en cuenta que los decoradores son una caracterÃstica avanzada y no son necesarios en la mayorÃa de los casos. Si estás empezando a aprender TypeScript, es posible que no necesites utilizar decoradores hasta que tengas un buen dominio de los conceptos básicos del lenguaje.
// Decorador de Método ejemplo
function LogMethod(target: any, propertyKey: string, descriptor: PropertyDescriptor) {
const originalMethod = descriptor.value;
descriptor.value = function(...args: any\[]) {
console.log(`Método: ${propertyKey}`);
return originalMethod.apply(this, args);
};
}
// Clase con método decorado
class ExampleMethod {
@LogMethod
greet(name: string) {
console.log(`Hola, ${name}`);
}
}
// Crear una instancia de la clase
const exampleInstance = new ExampleMethod();
exampleInstance.greet('Mundo'); // Imprime "Método: greet" y "Hola, Mundo"
// Decorador de Clase
function LogClass(target: any) {
console.log(`Clase: ${target.name}`);
}
// Aplicar el decorador a una clase
@LogClass
class ExampleClass {
constructor() {
console.log('Instancia de ExampleClass creada');
}
}
// Crear una instancia de la clase
const exampleInstance = new ExampleClass(); // Imprime "Clase: ExampleClass" y "Instancia de ExampleClass creada"
Pense que era algo muy complejo pero fue un termino mas simple que los genéricos. Aunque se que crear tu propio decorador seria todo un desafió
Me tocó abrir y Cerrar VsCode para poder que me funcionara la Bandera.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?