Dispatching action when a custom observable is cancelled












0















The newest version of redux-observable doesn't give any access to store and we have to dispatch actions by returning them from epics. I don't know how to dispatch actions when some observables are cancelled, for example by switchMap effect. For instance:



const counter = new Observable(observer => {
let i = 0;
const timer = setInterval(() => {
observer.next(i++);
}, 1000);

return {
unsubscribe: () => {
clearInterval(timer);
// how to dispatch action here like { type: 'COUNTER_ABORTED' }?
}
};
});


Or maybe this is RXJS antipattern what I want to do? Maybe there is some switchMap trick I could use to do additional things for cancelled observables?










share|improve this question

























  • As far as I know you cannot emit a value through the teardown logic. Maybe you can call a function in the complete callback to get the actions? counter.subscribe(event => /* ... */, null, () => getActions())

    – Sam Herrmann
    Nov 16 '18 at 16:30













  • Thats why I would need to call store.dispatch, but I don't have access to it there and it seems hacky to provide this value by a closure etc, so I search for rxjs solution if this exists. Re your suggestion, how can I know in complete whether observable was successful, errored or cancelled? Pity we dont have callback onCancel in observer instance.

    – klis87
    Nov 16 '18 at 17:05


















0















The newest version of redux-observable doesn't give any access to store and we have to dispatch actions by returning them from epics. I don't know how to dispatch actions when some observables are cancelled, for example by switchMap effect. For instance:



const counter = new Observable(observer => {
let i = 0;
const timer = setInterval(() => {
observer.next(i++);
}, 1000);

return {
unsubscribe: () => {
clearInterval(timer);
// how to dispatch action here like { type: 'COUNTER_ABORTED' }?
}
};
});


Or maybe this is RXJS antipattern what I want to do? Maybe there is some switchMap trick I could use to do additional things for cancelled observables?










share|improve this question

























  • As far as I know you cannot emit a value through the teardown logic. Maybe you can call a function in the complete callback to get the actions? counter.subscribe(event => /* ... */, null, () => getActions())

    – Sam Herrmann
    Nov 16 '18 at 16:30













  • Thats why I would need to call store.dispatch, but I don't have access to it there and it seems hacky to provide this value by a closure etc, so I search for rxjs solution if this exists. Re your suggestion, how can I know in complete whether observable was successful, errored or cancelled? Pity we dont have callback onCancel in observer instance.

    – klis87
    Nov 16 '18 at 17:05
















0












0








0








The newest version of redux-observable doesn't give any access to store and we have to dispatch actions by returning them from epics. I don't know how to dispatch actions when some observables are cancelled, for example by switchMap effect. For instance:



const counter = new Observable(observer => {
let i = 0;
const timer = setInterval(() => {
observer.next(i++);
}, 1000);

return {
unsubscribe: () => {
clearInterval(timer);
// how to dispatch action here like { type: 'COUNTER_ABORTED' }?
}
};
});


Or maybe this is RXJS antipattern what I want to do? Maybe there is some switchMap trick I could use to do additional things for cancelled observables?










share|improve this question
















The newest version of redux-observable doesn't give any access to store and we have to dispatch actions by returning them from epics. I don't know how to dispatch actions when some observables are cancelled, for example by switchMap effect. For instance:



const counter = new Observable(observer => {
let i = 0;
const timer = setInterval(() => {
observer.next(i++);
}, 1000);

return {
unsubscribe: () => {
clearInterval(timer);
// how to dispatch action here like { type: 'COUNTER_ABORTED' }?
}
};
});


Or maybe this is RXJS antipattern what I want to do? Maybe there is some switchMap trick I could use to do additional things for cancelled observables?







rxjs redux-observable






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 16 '18 at 13:31







klis87

















asked Nov 16 '18 at 9:31









klis87klis87

1821114




1821114













  • As far as I know you cannot emit a value through the teardown logic. Maybe you can call a function in the complete callback to get the actions? counter.subscribe(event => /* ... */, null, () => getActions())

    – Sam Herrmann
    Nov 16 '18 at 16:30













  • Thats why I would need to call store.dispatch, but I don't have access to it there and it seems hacky to provide this value by a closure etc, so I search for rxjs solution if this exists. Re your suggestion, how can I know in complete whether observable was successful, errored or cancelled? Pity we dont have callback onCancel in observer instance.

    – klis87
    Nov 16 '18 at 17:05





















  • As far as I know you cannot emit a value through the teardown logic. Maybe you can call a function in the complete callback to get the actions? counter.subscribe(event => /* ... */, null, () => getActions())

    – Sam Herrmann
    Nov 16 '18 at 16:30













  • Thats why I would need to call store.dispatch, but I don't have access to it there and it seems hacky to provide this value by a closure etc, so I search for rxjs solution if this exists. Re your suggestion, how can I know in complete whether observable was successful, errored or cancelled? Pity we dont have callback onCancel in observer instance.

    – klis87
    Nov 16 '18 at 17:05



















As far as I know you cannot emit a value through the teardown logic. Maybe you can call a function in the complete callback to get the actions? counter.subscribe(event => /* ... */, null, () => getActions())

– Sam Herrmann
Nov 16 '18 at 16:30







As far as I know you cannot emit a value through the teardown logic. Maybe you can call a function in the complete callback to get the actions? counter.subscribe(event => /* ... */, null, () => getActions())

– Sam Herrmann
Nov 16 '18 at 16:30















Thats why I would need to call store.dispatch, but I don't have access to it there and it seems hacky to provide this value by a closure etc, so I search for rxjs solution if this exists. Re your suggestion, how can I know in complete whether observable was successful, errored or cancelled? Pity we dont have callback onCancel in observer instance.

– klis87
Nov 16 '18 at 17:05







Thats why I would need to call store.dispatch, but I don't have access to it there and it seems hacky to provide this value by a closure etc, so I search for rxjs solution if this exists. Re your suggestion, how can I know in complete whether observable was successful, errored or cancelled? Pity we dont have callback onCancel in observer instance.

– klis87
Nov 16 '18 at 17:05














0






active

oldest

votes












Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53334956%2fdispatching-action-when-a-custom-observable-is-cancelled%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes
















draft saved

draft discarded




















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53334956%2fdispatching-action-when-a-custom-observable-is-cancelled%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Bressuire

Vorschmack

Quarantine