Wow tried to write a response but medium lost it when I uploaded this.
Dean Radcliffe
1

Thanks for reading! redux-fusion is simply a way to compose streams together in your app so it would be entirely up to you how to implement specific use cases. It’s not super clear to me what operator you’re using to produce the scrollTop$ stream above, but you can operate freely on state values in your function like this:

const userScrollAmt$ = state$
.pluck(‘userScrollInfo’,’userScrollAmt’)
const msgHeight$ = state$
.pluck(‘messageHeight’)
const scrollTop$ = Observable.merge(userScrollAmt$, msgHeight$)
.debounceTime(100)
// then return to component as prop:
return prop$.combineLatest(scrollTop$, (props, scrollTop) => ({
...props,
scrollTop // <-- now a prop in your component
}))

I’ll be working on more examples in the coming weeks and update this article with a link!

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.