/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 vote175 views1 answer
What is typescript in angular
TypeScript
0 vote185 views1 answer
Install vsts client version 14.102.0
TypeScript
0 vote202 views1 answer
The migration '20200806160941_InitialMigration' has already been applied to the database. Revert it and try again. If the migration has been applied to other databases, consider reverting its changes using a new migration.
TypeScript
0 vote261 views1 answer
Apexcharts colors function
TypeScript
0 vote202 views1 answer
Stats normal
TypeScript
0 vote176 views1 answer
How to select a column with brackets in jupyter notebook
TypeScript
16 votes206 views6 answers
Create react native app typescript
TypeScript
0 vote177 views1 answer
Mongo change all documents on field
TypeScript
0 vote172 views1 answer
Fechas - Solución resta un día en dato
TypeScript
0 vote181 views1 answer
How to make a dictionary of indices and lists python
TypeScript