This snippet demonstrates how to use a custom class decorator in TypeScript to dynamically enhance a class by adding new properties and methods. The `@Component` decorator injects a `uniqueID` and an `insertInDOM` method into the target class, showc

ts-decorator-component.ts

// TS Decorators

function Component(constructor: Function) {
  // here we can do something like add/modify/enhance/delete properties from class methods
  constructor.prototype.uniqueID = Math.random();
  constructor.prototype.insertInDOM = () => {
    console.log(`Inserting component in DOM`);
  };
}

// now every instance of class ProfileComponent will have uniqueID and insertInDOM

// we can instead do this by using classes with extends 
// class Component {
//   public uniqueID: number;
//   public insertInDOM(): void {
//     console.log(`Inserting component in DOM`);
//   }
// }


@Component
class ProfileComponent {}