Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Oct 10 09:29
    omerts edited #756
  • Oct 10 09:29
    omerts opened #756
  • Oct 10 09:27
    omerts closed #755
  • Oct 10 09:24
    omerts opened #755
  • Oct 09 12:05
    MursalovAltun commented #706
  • Oct 08 12:25
    Whazor commented #706
  • Oct 05 14:56
    evertbouw commented #752
  • Oct 04 13:19
    andrevmatos commented #754
  • Oct 02 17:00
    talhaguy commented #752
  • Oct 02 06:42
    talhaguy commented #752
  • Oct 01 21:57
    andrevmatos closed #754
  • Oct 01 21:57
    andrevmatos commented #754
  • Sep 30 21:45
    andrevmatos edited #754
  • Sep 30 18:54
    andrevmatos edited #754
  • Sep 30 18:53
    andrevmatos opened #754
  • Sep 23 11:43
    innovation-stack opened #753
  • Sep 18 22:15
    D34THWINGS commented #752
  • Sep 18 22:12
    D34THWINGS edited #752
  • Sep 18 22:12
    D34THWINGS opened #752
  • Sep 17 08:54
    nixxquality commented #706
Alessandro Savino
@xavier7179
@Sawtaytoes Thanks for sharing! Actually it was a bit of my fault. I had some previous exclusion set due to the rxjs v7 that I wrongly set it up but it is still not compatible either with redux-observable and, apparently, with webpack 5. Since I moved back on v6 for compatibility, once I removed the webpack exclusion, it went back on compiling that part… still issues on other places ;)
Bram Hautekiet
@bram_hautekiet_twitter
Hey, I am trying to send multiple AJAX requests, and only send a SUCCES_ACTION for the last request. We want the requests to be sequential (hence the concatMap), but the SUCCES_ACTION should only be emmited when there are no new actions 'waiting' in the concatmap. So it is important that all the requests are executed, only we are not interested in the results if we know there are still requests that are not executed yet. The attempt so far:
export default (action$, state$, { ajax }) => action$.pipe(
  ofType(MY_ACTION),
  concatMap((action) => {
    return ajax.post(/api/...)
      .pipe(
        switchMap((payload) => {
          return of(SUCCES_ACTION(payload));
        }),
        catchError(() => of(ERROR_ACTION)),
      ));
  }),
);
Kevin Ghadyani
@Sawtaytoes

@bram_hautekiet_twitter That's a tough one. I've solved it a few different ways.

To transmit SUCCES_ACTION at the end of all these data calls, there are a few ways:

  1. Have the thing calling dispatch first send the number of items, then start the MY_ACTION listener and count how many outputs you get. Make sure to account for any errors.
  2. Set a bufferUntil and debounce. This is more complicated, but it's automatic; although, you might still need to mark the source of the data in your action.
  3. There are other ways with publish, but I don't want to get into those unless you really need it. I used this to find out when all downloads were complete when different components were outputting those downloads.
@bram_hautekiet_twitter
Since it's not obvious, here's the solution for the second option:
action$
.pipe(
  ofType('MY_ACTION'),
  bufferUntil(
    action$
    .pipe(
      ofType('MY_ACTION'),
      debounceTime(YOUR_TIMER_VALUE)
    )
  ),
)
Bram Hautekiet
@bram_hautekiet_twitter
@Sawtaytoes Thank you very much for these ideas, a simple counter solves my use case!
>°))))彡
@fisherspy
image.png
update rxjs6 ->7, and redux-observable 1.2.0 -> 2.0.0, how to solve the problem in the screenshot?
image.png
there is no ActionObservable any more, also can't apply pipe to combineLatest
1 reply
Kevin Ghadyani
@Sawtaytoes

@fisherspy Not being able to apply pipe to combineLatest sounds like an RxJS bug.

I think I remember Jay saying something about v2 not having ActionObservable anymore. But it looks like you're using it for TypeScript types right?

I don't use TypeScript, so I'm not sure nor have I moved to RxJS v7; although, there are definitely others here who have.

>°))))彡
@fisherspy
yes I'm using typescript, now there are a lot type warnings
Oskar Thornblad
@prewk
Hi, I've got experience in NgRx effects to I thought redux-observable would be a piece of cake to get working.. but I can't get the simplest Epic to properly compile due to unknown always popping up no matter what combination of magic I try! Anyone see anything obvious?
image.png
I've tried ofType, manually filtering on action.type etc, it all properly filters the correct action.. ..but I end up with the "..but unknown!!" errors
(I've also tried doing it without redux-toolkit with just plain objects and a simple union for the action types)
maneeshdarisi-tal
@maneeshdarisi-tal
Similar error of ofType any solution for the above problem
Sergey
@Serfi7
Hello. Can you explain, please, why epic Output extends Input? Source. If payloads of input/output actions mismatch, typescript says that Output.payload is not assignable to type Input.payload
Kevin Ghadyani
@Sawtaytoes

It seems like a lot of issues today are related to TypeScript, RxJS 7, and Redux-Observable 2.

I usually answer many of the questions here, but I'm not versed in any of the new stuff nor have I used TypeScript or any recent RxJS or Redux-Observable.

In the past, most questions revolved around "how do I do X in Redux-Observable" which are easy for me to answer. These ones require more knowledge of the technical side of things.

Has anyone gotten the new tech working in their projects?

Alessandro Savino
@xavier7179
Hi, I'm having a strange behaviour from redux-observables and need some new ideas. I moved the app under the electron-forge framework (and reached a working setup where epics were working). Then I started improving the redux states and actions, also involving redux toolkit. Now, all of a sudden, the epics stop firing (also following the trobleshooting and placing the tap on them, I do not see any log. What could have I done wrong or missing that needs checking?
Per Sandstrom
@pgsandstrom

Im trying to migrate to rxjs 7 and redux-observable v2. The simplest epics are easy to migrate, but I'm having trouble with race. For example this code:

const waitForGetStuffObservable = race<Stuff.ResponseAction | Stuff.ErrorAction>(
  action$.ofType(StuffActionType.RCV_GET_STUFF).pipe(mapTo(Stuff.createResponseAction())),
  action$
    .ofType(StuffActionType.ERR_GET_STUFF)
    .pipe(mapTo(Stuff.createErrorAction(createServiceError({}), q)))
).pipe(take(1))

My own attempt is this:

const waitForStuffObservable = race(
  pipe(ofType(StuffType.RCV_GET_STUFF), mapTo(Stuff.createResponseAction())),
  pipe(ofType(StuffType.ERR_GET_STUFF), mapTo(Stuff.createErrorAction(createServiceError({}), q)))
).pipe(take(1))

But I just get an error that UnaryFunction is not assignable to ObservableInput. Any idea how to fix this?

1 reply
ChristherNand
@ChristherNand

Hi everybody, does anyone know why the console.log() is not being printed on the console?
I am new to redux-observable and I am trying to understand how it does work.

Does it have to be with an action that is not being called, If so, how could I call that action in order to execute this console.log()?

Thanks for your help!!

const getEpic$: Epic<SetOptions, SetOptions, RootState> = (action$, state$) => action$.pipe( ofType(setOption.type), withLatestFrom(state$), switchMap(([action, state]) => { console.log('why is not getting into here?', { action, state }); }) );

Kevin Ghadyani
@Sawtaytoes

@ChristherNand
Epics are functions that return observables, not observables themselves. Put a tap(console.log) before ofType(setOption.type). That will help debug if you're seeing any actions. If you are, then move it down a step until it stops firing.

That should help you debug.

ChristherNand
@ChristherNand
@Sawtaytoes Hi, log worked before ofType(), but it did not after
why is not the action being dispatched? that´s what I believe its happening
Nisim Joseph
@nisimjoseph

hi, question about the Epic signature, for TS code.
the signature is:

export declare interface Epic<
  Input extends Action = any,
  Output extends Input = Input,
  State = any,
  Dependencies = any
> {

and I am force to have the Output action to derived from Input action.
why is that?
why do I limited to it?

Kevin Ghadyani
@Sawtaytoes

@Sawtaytoes Hi, log worked before ofType(), but it did not after

@ChristherNand I'd check 2 things. In Redux Devtools, make sure the action is getting dispatched. If not, then that's step 1. If it is getting dispatched, make sure the value passed to ofType is correct.

Most-likely, your value isn't getting dispatched because you've got something preventing it from being dispatched. Can you share the code where you're dispatching it?

JAW
@Jawkx

Hi, this might be a stupid question, but having trouble implementing a debounce search function using redux-observable.
My current setup is something like this every time the query changed it will dispatch an action, the action will be piped down an epic like follow. Note that the search(action.payload.query) is an action creator

export const onSearchChangedEpic: Epic<AllActions> = (action$) =>
  action$.pipe(
    filter(isOfType("QUERYCHANGED")),
    debounce((action) => {
      // Dispatch an action immediately if the query is empty.
      if (action.payload.query.length === 0) {
        return EMPTY;
      }
      return timer(500);
    }),
    map((action) => {
      if (action.payload.query.length === 0) {
        // Clear search results.
        return resetResults();
      }
      return search(action.payload.query);
    })
  );

The expected result is when I stop typing for a period (500 ms) a search() action will be piped, but what happen is the debounce timer will always reset when i type. So if I type 5 character, it will debounce for 5 time (2500 ms) before piping out a search result

Is there anything i can do to get the expected behaviour? ( when I stop typing for a period (500 ms) a search() action will be piped)

1 reply
innovationstack
@innovationstack:matrix.org
[m]
SURAJ KAWALE
@suraj-kawale-au2
Hello guys , I am trying to implement rxjs websocket , using redux observable .I came across this article which helped me implement same. But the issue here is in my companies codebase the epic are written differently than this article . https://techinscribed.com/websocket-connection-reconnection-rxjs-redux-observable/ . Is this two epic equal ?
image.png
image.png
André Vitor de Lima Matos
@andrevmatos
Hello. I'm having some serious memory leak issues with the QueueScheduler usage in redux-observable@2 with rxjsw@7. We do some heavy subject usage in our codebase (some ReplaySubject(1) in deps, among others), although we avoid at maximum explicit subscribes and try to leave everything for the global subscription. Nonetheless, it seems QueueActions are pilling up and clogging memory heavily. We checked and it seems subscriptions are not leaking (all subjects's observers, including internal redux-observables subjects, are constant in number), but QueueAction, and observeOn's OperatorSubscribers instances makes our memory usage skyrocket, and these actions are not freed. Most of it seems to be references in _teardowns. Removing queueScheduler usage on redux-observable makes the problem disappear, but it may be triggered by something we do. Does anyone have experience with this kind of issue? If not, I may try to prepare a self-contained repro to open an issue
André Vitor de Lima Matos
@andrevmatos
André Vitor de Lima Matos
@andrevmatos
memory leak fixed by rxjs@7.3.1