ngrxeffects 库的用途是什么

ngrx/effects库是一个用于管理和处理副作用的库，特别适用于Angular应用程序中的状态管理。副作用是指与应用程序状态无关的操作，例如异步请求、访问浏览器存储、使用第三方API等。使用ngrx/effects可以轻松地管理和组织这些副作用，使代码更加清晰和可维护。

typescript
import { Injectable } from '@angular/core';
import { Actions, createEffect, ofType } from '@ngrx/effects';
import { of } from 'rxjs';
import { mergeMap, map, catchError } from 'rxjs/operators';
@Injectable()
export class UserEffects {
  loadUser$ = createEffect(() =>
    this.actions$.pipe(
      ofType('[User] Load'),
      mergeMap(() =>
        this.userService.getUser().pipe(
          map(user => ({ type: '[User] Load Success', payload: user })),
          catchError(error => of({ type: '[User] Load Failure', payload: error }))
        )
      )
    )
  );
  showLoading$ = createEffect(() =>
    this.actions$.pipe(
      ofType('[User] Load'),
      map(() => ({ type: '[UI] Show Loading' }))
    )
  );
  hideLoading$ = createEffect(() =>
    this.actions$.pipe(
      ofType('[User] Load Success', '[User] Load Failure'),
      map(() => ({ type: '[UI] Hide Loading' }))
    )
  );
  constructor(
    private actions$: Actions,
    private userService: UserService
  ) {}
}