Simple usage of Rxjs 6 operators and functions with Typescript

Rxjs 6 Usage

this.signUpForm.get('email').valueChanges
      .pipe(
        tap(() => this.isInvalidEmail = false),
        debounceTime(500),
        filter(value => CommonService.validateEmail(value)),
        tap((x) => {
          this.isCheckingEmail = true;
          this.isInvalidEmail = false;
        }),
        switchMap(x => this.authService.checkEmail(x)),
        tap((x) => {
          this.isCheckingEmail = false;
          this.isInvalidEmail = x;
        }),
        map(x => !x)
      ).subscribe(() => {});
      
async register() {
    this.isLoading = true;
    await this.authService.register(this.signUpForm.value)
      .pipe(
        tap(() => {
          this.commonSerivce.openSnackbar('Successfully registered.');
          this.router.navigate(['/login']);
        }),
        finalize(() => this.isLoading = false),
        catchError((e) => {
          this.commonSerivce.openSnackbar(e.error.message);
          return of(e);
        }))
      .toPromise();
  }
  
/*** Rxjs usage with ngrx ***/
@Effect()
  loadTeamUsers$ = this.actions$.pipe(
    ofType(TeamActionTypes.LoadTeamUsers),
    switchMap((action: LoadTeamUsers) =>
      this.teamService.getTeamMembers(action.payload.id).pipe(
        map((users: TeamUser[]) => new LoadTeamUsersSuccess(users)),
        catchError(error => of(new LoadTeamUsersFailure()))
      )
    )
  );
  
/*** Wrapping observables together ***/
private loadTeamData(teamId) {
  return combineLatest(this.teamService.getTeamGroups(teamId), this.teamService.getTeamMembers(teamId)).pipe(
    map((res: [Array<Group>, Array<TeamUser>]) => {
      return {groups: res[0], users: res[1]};
    })
  );
}