belachkar/RxJS common use case.md

Last active November 12, 2021 07:15

Star (1) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/belachkar/64ad6bf906e80aea0c4b028b978912eb.js"></script>
Save belachkar/64ad6bf906e80aea0c4b028b978912eb to your computer and use it in GitHub Desktop.

Raw

RxJS - common use case

results: Observable<RedditResult[]>;
search: FormControl = new FormControl('');

constructor(ris: RedditImageSearchService) {
  this.results = this.search.valueChanges.pipe(
    map(search => search.trim()),
    debounceTime(200),
    distinctUntilChanged(),
    filter(search => search !== ''),
    switchMap(search => 
      ris.search(search).pipe(
        retry(3),
        startWith([])
      )
    )
  )
}