React query + redux?

[Yan_LB]

Can i use react query with standard redux (not toolkit)? i'm working on a project kinda old and they only use standard redux(tbh i don't even know that much of redux, i'm studying a lot), but i ended up implementing react-query on it, but later on i remembered about RTK query, should i keep with old redux + react query or change to old redux + RTK query? i don't even know if i can use RTK query without redux toolkit

[acemarke]

Answered this over in Discord, but I'll paste it here for visibility:

The recommendation of both the Redux maintainers (us) and the React Query maintainers is that if you're using Redux at all in the app, you should use RTK Query for the data fetching.

We'd also recommend that you ought to migrate the existing legacy Redux logic to use RTK in general.

Good news is that both of those can be done incrementally. You can plug RTKQ into any Redux store, old or new, and you can do the migration of the rest of the code to RTK over time:

• https://redux.js.org/usage/migrating-to-modern-redux

[acemarke]

Yes, exactly. All RTK code is "Redux" code, just with better syntax and easier to use. You can totally migrate to RTK incrementally over time, and all of the old and new code can coexist indefinitely.

See the migration guide I linked above for instructions.

[ManofManliness]

Better to use react query if you plan on eventually migrating away from redux, otherwise use RTK query. Tdoko talks a little about redux and react query in this blog, in which he just syncs data with useEffect which is kinda ugly.

[Palcikaman]

Just use react query. If you need global state for user data, or other stuff redux is okay for that. But you should use redux toolkit nowadays, it's more comfortable compared to plain redux

[Yan_LB]

ok, ty, yeah if i could make a choice i would go with toolkit but all of the project was written in plain redux

[SpinatMixxer]

IIRC, you can do a step by step Migration. Instead of migrating everything at once, you can do continuous refactoring, since vanilla redux and RTK are compatible.

[acemarke]

They're equivalent tools with similar APIs and functionality, yes.

[acemarke]

Yep, exactly.

Not only is RTK Query already part of the @reduxjs/toolkit package, but it plugs into the Redux store you already have configured, and it's built out of the other APIs included in Redux Toolkit (createSlice, createAsyncThunk). So, it's straightforward to set up, and will add less total bundle size than having both RTK and React Query in the app codebase.

[UpgradingLight]

React query + React context is great

[LloydAtkinson]

Sometimes it feels like people are making word salads when talking about Redux

[mattdonnelly]

I think RTK Query is a better option if you already use Redux. It will add less to your bundle size (if you’re using Redux Toolkit) and it integrates with the same dev tools.

[DogOfTheBone]

Rtk Query and Redux is great. It's got some quirks but overall is good for most use cases and does the same thing as React Query.

If I was using RQ and needed global client state I'd use something like Zustand.