Decoradores

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

Darío Arrieta

student•

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.

Daniel A.

student•

los decoradores son como las anotaciones en java

Luis Angel Flores Galindo

student•

Instalacion:

npm install class-validator --save

Juan Camilo Cruz Franco

student•

Yo la verdad esperaba un poco mas de los decoradores, la creación por lo menos... la básica. Espero el curso de creación de decoradores con urgencia a ver qué más de raro se puede aprender.

Eliecer Alejandro Molina Vergel

student•

Faltó el crear decoradores...

Emilio Nicolás Mendoza Patti

student•

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

Ruben Ariel Villalobos

student•

Sinceramente esperaba mas, es una clase de como implementar decoradores mas que nada. Hubiese estado bueno crear al menos uno básico.

Andrés Felipe Eslava Zuluaga

student•

// 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

Breyner Estiven Parada Garcés

student•

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.

Eminson Mendoza

student•

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:

Class Decorators: Modifican la clase.
Method Decorators: Modifican métodos.
Property Decorators: Modifican propiedades.
Parameter Decorators: Modifican parámetros de métodos.

Ejemplos:

Class Decorator:

function LogClass(target: Function) {
    console.log(`Class: ${target.name}`);
}

@LogClass
class User {}

Method Decorator:

function LogMethod(target: any, propertyName: string, descriptor: PropertyDescriptor) {
    console.log(`Method: ${propertyName}`);
}

class User {
    @LogMethod
    getName() {
        return 'User';
    }
}

Property Decorator:

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.

David Guevara

student•

Hola, tengo una pregunta que me gustaría confirmar. Typescript nos ofrece validación solo de forma estática pero con el decorador si podemos hacer validación en runtime cierto?

Por que al transpilar de typescript a javascript, el código que se ejecuta es javascript y ese ya no aplicaría el tipado en runtime

Jaime La Rosa

student•

Exacto, los decoradores son transformados a JavaScript por ese motivo es que se usan con una Class y no con una Interface

Rosario Martinez

student•

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.

Gilbert Ardila

student•

me recuerdan a las anotaciones de Springboot

Josue Cerron Tuesta

student•

Simplemente genial esta clase!

SANDRO SIMON

student•

Al inicio de esta clase el profe habla de un curso enfocado a decoradores ¿saben si ya existe dicho curso?

Brahyan Antonio Martinez Madera

student•

Nop :( bueno aun no pero Aca la documentacion

Andre Huaman Yovera

student•

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.

Ivan Sangueza Alarcon

student•

https://github.com/typestack/class-validator

Martin Tercero

student•

nunca salio el curso de decoradores!

Daniel Felipe Merchan Fuquen

student•

¿Cuál es el curso de decoradores que mencionó el docente?

Javier Mauricio Mora

student•

Como puedo colocar mensajes personalizados del error?

Decoradores

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?