/TypeScript/Is subscribing to a lot of events in ngonint bad

Is subscribing to a lot of events in ngonint bad

import { Subject } from "rxjs"
import { takeUntil } from "rxjs/operators"

@Component({
  moduleId: __moduleName,
  selector: "my-view",
  templateUrl: "../views/view-route.view.html"
})
export class ViewRouteComponent implements OnInit, OnDestroy {
  componentDestroyed$: Subject<boolean> = new Subject()

  constructor(private titleService: TitleService) {}

  ngOnInit() {
    this.titleService.emitter1$
      .pipe(takeUntil(this.componentDestroyed$))
      .subscribe((data: any) => { /* ... do something 1 */ })

    this.titleService.emitter2$
      .pipe(takeUntil(this.componentDestroyed$))
      .subscribe((data: any) => { /* ... do something 2 */ })

    //...

    this.titleService.emitterN$
      .pipe(takeUntil(this.componentDestroyed$))
      .subscribe((data: any) => { /* ... do something N */ })
  }

  ngOnDestroy() {
    this.componentDestroyed$.next(true)
    this.componentDestroyed$.complete()
  }
}

Source: stackoverflow.com

Is subscribing to a lot of events in ngonint bad

@Component({ ... })
export class SmartComponent implements OnInit, OnDestroy {
  private subscriptions = new Subscription();

  constructor(private heroService: HeroService) {
  }

  ngOnInit() {
    this.subscriptions.add(this.heroService.getHeroes().subscribe(heroes => this.heroes = heroes));
    this.subscriptions.add(/* another subscription */);
    this.subscriptions.add(/* and another subscription */);
    this.subscriptions.add(/* and so on */);
  }

  ngOnDestroy() {
    this.subscriptions.unsubscribe();
  }
}

Source: stackoverflow.com

Similar codes

1 vote133 views1 answer
Reactive form disable
TypeScript
0 vote119 views1 answer
Whats $_.FullName in powershell
TypeScript
0 vote90 views1 answer
Terrform variable list type
TypeScript
1 vote110 views1 answer
Ion modal dismiss
TypeScript
3 votes111 views1 answer
Adonis validator optional
TypeScript
0 vote115 views1 answer
Take two inputs from user and add them using callback function
TypeScript
0 vote119 views1 answer
Chakra ui menu open on hover
TypeScript
0 vote115 views1 answer
Check if package exists inside the device adb
TypeScript
0 vote128 views1 answer
Json2typescript ionic 5
TypeScript
1 vote119 views1 answer
Why do we use fragments in react?
TypeScript