redux-observable | An example for Redux architecture on Android | Architecture library

I'm using redux-observable in my nextjs web application. There is a variable which has to be set in epic1 and accessed later in epic2:

I'm trying listen to '@@router/LOCATION_CHANGE' action from typesafe redux-observable epic, and I just don't understand how.

1. What is the exact action I need to filter? I tried 'filter(onLocationChanged)' unsuccessfully.
2. What is the right 'IN' type? With 'LocationChangeAction' and 'filter(onLocationChanged)' I get type error:

No overload matches this call.

1. Finally, how do I get the locations changed by the '@@router/LOCATION_CHANGE' action? (before and after)

I have to pretty weird case to handle.

We have to few boxes, We can call some action on every box. When We click the button inside the box, we call some endpoint on the server (using axios). Response from the server return new updated information (about all boxes, not the only one on which we call the action).

Issue: If user click submit button on many boxes really fast, the request call the endpoints one by one. It's sometimes causes errors, because it's calculated on the server in the wrong order (status of group of boxes depends of single box status). I know it's maybe more backend issue, but I have to try fix this on frontend.

Proposal fix: In my opinion in this case the easiest fix is disable every submit button if any request in progress. This solution unfortunately is very slow, head of the project rejected this proposition.

What we want to goal: In some way We want to queue the requests without disable every button. Perfect solution for me at this moment:

• click first button - call endpoint, request pending on the server.
• click second button - button show spinner/loading information without calling endpoint.
• server get us response for the first click, only then we really call the second request.

I think something like this is huge antipattern, but I don't set the rules. ;)

I was reading about e.g. redux-observable, but if I don't have to I don't want to use other middleware for redux (now We use redux-thunk). Redux-saga it will be ok, but unfortunately I don't know this tool. I prepare simple codesandbox example (I added timeouts in redux actions for easier testing).

I have only one stupid proposal solution. Creating a array of data needs to send correct request, and inside useEffect checking if the array length is equal to 1. Something like this:

I'm making an app that lets the user select snacks from a list of available snacks. The snacks are loaded from an external API.

I'm using redux-observable to "listen" for actions and then dispatch the appropriate API requests. Here's my existing code, with a comment on the problematic line of code:

Aight.. so im pretty new with redux toolkit and I want to catch ALL pending actions in one slice to basically show a loading modal. I know we can do this with redux-saga and probably redux-observable

Soooooo instead of

I am testing the following redux-observable epic:

I get the following errors when setting up middleware. Using Redux observable/Redux toolkit. Any inputs on why this is happenening?

Following below repo set-up. https://github.com/beast911/react-redux-observables-typescript

Simple demo of antd form onSubmit is not working

https://ant.design/components/form/#components-form-demo-register

The onChange of field components are validated, but onFinish is not called on click of submit.

Is it because of lodash/webpack or react version dependency issue.

This is happening on lens electronjs application and the dependencies are below:

In my scenario, when the app loads I dispatch an action that starts an epic to create an API instance, which is necessary to make other API calls: