Polling with a NgRx Effect

Modified October 12, 2022

Tim Deschryver

timdeschryver.dev

Polling with a NgRx Effect

Use case

You want to periodically the refresh data in the NgRx Store.

Solution

Create a NgRx Effect that retrieves the data via a service every x minutes, this can be done with the RxJS timer operator.

 
refresh$ = createEffect(() => {
  // every 10 minutes
  return timer(0, 600000).pipe(
    switchMap(() =>
      this.customersService.get().pipe(
        map((data) => refreshSuccess(data)),
        catchError((response) => refreshFailed(response)),
      ),
    ),
  );
});

Feel free to update this blog post on GitHub, thanks in advance!