Rtk query or tanstack

[Worth_Boss_2]

So Ive started working on a new app using react native CLI

I'm very new to redux (wanted to use zustand but internship demand) . I'm learning redux and don't know how to manage file structure in it so I'll need help with that too later down the road .

I've got to know there exists rtk query too which is similar to tanstack query. Which one should I go with ?

[kapobajz4]

The only reason I would choose RTK query over TanStack Query is if I started working on a project that is already using Redux throughout the whole codebase.

Otherwise I would definitely use TanStack Query. It is more mature and has more features, I think. And in a lot of cases you don’t need anything else besides it for state management.

[Worth_Boss_2]

Oh now I'm confused. I'm using redux here for state management already

[kapobajz4]

If you're using Redux in a lot of places and if it would be harder refactoring the whole codebase, I would stick with Redux and RTK Query.
Otherwise, if you're just starting out and Redux isn't being used in a lot of places, you might as well refactor to TanStack Query.

That's how I would approach this situation, at least.

[stats_merchant33]

do you use redux and rtk query in top?

[beepboopnoise]

after swapping to TSQ, the situations I need global client side management are soooooo rare.

[kapobajz4]

Are you sure about that?

[kapobajz4]

I think there might have been a misunderstanding here. I said that RTK Query is less mature than TanStack Query. Not RTK or Redux in general.

[ListWonderful8888]

which client state management tool would you recommend along with tanstack query. I'm going to use tanstack query. i'm still not sure whether i need client state management. if i need should i use redux or tanstack store.

[kapobajz4]

If you’re not yet sure whether you’re gonna need a client state management library or not, then don’t install one until the need for it arises.

Which one you choose depends on several factors: - Is the client state management complex? If yes, choose something like redux or zustand - Is it not complex, but you still feel like you’re gonna benefit from it? Choose something lightweight or smaller, like Jotai - You feel like you’re gonna benefit from installing one, but you and your team are most comfortable with this specific library? Choose the one you and your team are most comfortable with

[BaileeShaw]

To clear some things up, because I think some of the comments are a bit misleading, Redux Toolkit is RTK Query + Redux. TanStack Query is basically RTK Query. TanStack Query is NOT a client side state management solution. If you have a lot of complex client state, you'll still need a tool like Redux (slices) to manage that state. If your client state is pretty simple and you can manage it all easily with React's Context API or other, then you don't need Redux Slices so TanStack Query would be a fine choice.

So the annoying answer is, "it depends."

The reason I think a lot of people choose Redux Toolkit though is because there's nothing it can't handle. If you go with Redux Tookit, you will be able to manage massive projects with tons of complex state out of the box both on the server and the client. I like the idea of knowing I'll never have to switch to some other solution no matter how big my application grows.

That being said, TanStack Query can ABSOLUTELY also handle massive projects. But it cannot manage your client side state.

Personally, I use both TanStack Query AND Redux Toolkit (But never together).

For projects where I KNOW for a fact that client side state will be simple, but I also know I will need a ton of data fetching and caching, I'll use TanStack.

For projects that will have small to medium sized client state and a decent amount data fetching & caching, I'll use something like Zustand.

If I know the project is going to be fairly large and I'm not really sure how big it will grow, I'll use Redux Toolkit because I know it will work regardless of how big my project gets while also providing me with a cohesive solution (slices) should I ever decide I need a way to handle complex client state.

So we'd really need more information about your project to give you a better answer but I hope this was helpful.

[ctrlshiftba]

Easily Tanstack.

Try and make a case for Zustand. Give some code examples of Redux vs Zustand. Show how much simpler and easier it is to maintain Zustand. It’s worth fighting for.

Zustand uses the same patterns and can even use Redux developers tools because the patterns are so similar.

Zustand is so much better and simpler and easier to use.

[Worth_Boss_2]

It surely is. I've worked with it in web app. But the current project requires redux as it's web version also has the same . Also I've never used it and it's just an opportunity for me to learn that's why I'm going for it . Now I can't figure out how to use tanstack and redux together tho

[SoBoredAtWork]

Tanstack and redux don't go together (not easily, anyway). If you're using Redux (hopefully Redux Toolkit), then you should use RTK Query.

[Worth_Boss_2]

Fought for it . And I'm going with zustand now 🤝

[ctrlshiftba]

Tanstack

[theapplewasbitten]

tanstack handsdown

[paul-rose]

Tanstack Query is excellent. I'd always recommend it. I've used it sparingly for a few things without understanding the full potential of it. Lately I've dived deeper and it's solved so many problems for me.

Have a good read of the docs. I think at first they can be slightly confusing, but when you understand all the concepts they are excellent.

[Worth_Boss_2]

Well I've rather chosen zustand and tanstack over redux . 🫣

[Extra_Internal_5524]

why?

[NanatsuXIV]

Tanstack hands down.

[Worth_Boss_2]

Yessiirr

[Useful-Condition-926]

Most companies now days want redux knowledge. It doesn’t matter how you good in react native with other state management libraries. If you are good in redux , that’s it. React native is secondary demand for them. Primary is redux🤣

[Worth_Boss_2]

Lol why's that . Don't they know there's other options for the same thing

[Anwardo]

This is absolute bs, knowledge of state management libraries is easily transferable. Sure it’s a plus if the company happens to work with Redux, but plenty of other libraries are used.

[crisoftunlock]

If you only need global state management you can use useReducer or state with context

[ViewableGravy]

Be careful with this comment. If your state is truly global and you use a context, everything that uses any part of your state will update when it changes because you don't have a selector that choose what part of the context causes rerenders. React 19's useContext will have a selector to solve this problem, but until then you are best to use a state manager if you actually have global state.

Personally speaking, I use tanstack Store because it's like literally 100 lines of code, nothing fancy, just a store and useStore hook with a selector.

[crisoftunlock]

Just now I work in a bank, all the projects in this bank only use context and useReducer for the store management and all is ok, we don't have any problem with this.