[Vuejs]-How to make observable from multiple event in Rxjs?

by

2👍

✅

You could use the merge operator and keep using the this.isPublic in your switchMap, as Maxime suggested in the comment.

But I’d rather go with a nice a pure dataflow where you listen for the two values and consume them in your handlers. Something like

Rx.Observable.combineLatest(
  this.$watchAsObservable('searchKey').pluck('newValue'),
  this.$watchAsObservable('isPublic').pluch('newValue'),
  ([searchKey, isPublic]) => ({ searchKey, isPublic })
)
.dedounceTime(500)
.distinctUntilChanged()
.switchMap(({ searchTerm, isPublic }) => fetchRaps(searchTerm, this.userdata._id, isPublic))

Or event better is you can change the initial data structure to something like :

data: function () {
    return {
      searchConfig: {
        searchKey: '',
        isPublic: true
      }
    }
  },

you can then remove the combineLatest and only watch the searchConfig property.

The benefit of this implementation is that your dataflow is pure and doesn’t depend on any external context (no need for the this.isPublic). Every dependency is explicitly declared at the beginning of the dataflow.

If you want to go even further, you can also watch the userdata and explicitly pass it down the dataflow 🙂

👤atomrc

Leave a comment