Auto unsubscribe in Angular 🔥

#angular #decorator

✅ Link: https://medium.com/@sniadek97/auto-unsubscribe-in-angular-bcda939d6158

📄 @Attribute Decorator in Angular

#angular #decorator #attribute

As you can see, when we trigger the change detection by emitting the click event, Angular is checking the value.
We can be more efficient in this case if we use the @Attribute decorator. With this change, Angular will evaluate it once and forget about it. As a general rule, I prefer the @Attribute() approach when the string is a fixed value that never changes.

import { Component, Attribute } from '@angular/core';

@Component({...})
export class ButtonComponent {

  constructor(
    @Attribute('type') 
    public type: ButtonType = 'primary'
  ) {
  }

}

✅ Article Link: https://netbasal.com/getting-to-know-the-attribute-decorator-in-angular-4f7c9fb61243

📄 Debounce decorator in Angular

#angular #decorator #debounce

⚠️ Third-Party Lib

Usage example:

@Component({...})
export class ExampleComponent {

    @Debounce(1000)
    execute(arg: unknown) {
      [ ... ]
    }

}

✅ Article Link: https://blog.bitsrc.io/3-ways-to-debounce-http-requests-in-angular-c407eb165ada

📄 RunOutsideAngular decorator

#angular #decorator #ngZone

✅ Article Link: https://emilgadzaev.medium.com/achive-better-angular-application-using-typescript-decorators-9e0eb01ad72d