React Query Tutorial for Beginners vs Redux, Axios with CRUD Example

Thank you Mr Dave

Thank you😇🙏

In one of the large-scale projects, I am planning to use Redux-Toolkit for "client state" management, as I have so many modules and features such as Search, Advance Filter, infinite scrolling etc. So that I can store the state in the Redux toolkit using store and slices. Now I love React-Query because of "useInfiniteQuery", but I don't want to increase the bundle size as well by installing another library.

One of the use case: When I get the list of data from the server, I want to cache the data, and if the user search or filter the data, I want to store the "searchText" and "FilterData" in the state, so when user navigate between pages and come back to the listing page, I can simply provide the already filtered data, that will sure improve the UX.

So is it a good idea to stick with RTK Query as it is available inside the Redux-toolkit package and be in the same eco-system?

so the content variable was not a state variable and yet the changes were reflected like it was a state variable? how

Does components render or update if server state changes in React query ? I mean without maintaining additional client state.

Thanks for this video.

Also is this the same as TanStack Query ?; as far i know should be the same, the only difference is TanStack is avaiable for other frameworks.

While mutating does all todos re render?????

What a fantastic video. Everything explained so concisely and clearly. Thank you!

as your lesson its clear that rtk and react query use case depends on the size of project.

I too like RTK Query with Redux

thx. straight to the point and this one is very easy to understand.

Awesome video as always ++++++++++++++++ 🙂

I absolutely love your channel. Of course i just subscribed lol. I have a question please. Do you have a video with Reactquery with jwt refresh tokens? and rbacs? basically with the middleware ? thanx a lot for everything. you are the real MVP lol.

Hi Dave,
We would like intermediate to advanced react or mern stack projects. That would be so useful for us after all these great tutorials. Thank you for all.

Please what programming font are you using? The one in this video seems pretty decent. Taking this as a crash course

Amazing video as always

Great stuff! Thanks so much for sharing :)

Is it possible to use react query in project redux toolkit is used for state managmemt ?

Really good content, I'm new to react and these videos are a great way to learn.

Дэйв, спасибо, отличный обзор библиотеки
Но хотелось бы увидеть весь потенциал, напримере какого нибудь список дел,
чтобы можно было отметить готово дело или нет, с отдельной страницей каждого дела, с пагинацией и чтобы не было перерендеров (наверное это ключевое) =)

i didin't understand how did you increment the id without adding it to the todo :
addTodoMutation.mutate({ userId: 1, title: newTodo, completed: false })

Great work! Loved your video.
Just one thing I'm not quite understanding... where are we mapping our ./data/db.json to the Todo api? how does the app knows?

Would you update this course to use React Query v4?

Thank you for making this tutorial.

"let me know what you like in the comments" well ...... I like your videos so please for the humanity future keep going making this great content

I learned a lot today.

Thank you so much for videos

Thank you.

In your opinion what is best for a react store? An example is a store containing the following: JWT access token, refresh token, name, credit card token etc. I have feeling you will say RTK but do you think RQ is good also?

hello, may i know why u used the select meanwhile the docs said that the third parameter is for the cache time? thank you

I dont understand why when I am using React Query in Observers I get 26 or 29 in it. You can say why?

I am getting an network error with checkbox element and it is not getting checked on unchecked.

Thanks for the video, great intro to react-query.
Quick question if you don't mind. Why do you use a variable with JSX instead of a Component? (e.g. newItemSection), is there any benefits to this or is it personal preference?

Damn, it's still too slow at 1.5x speed 🤦‍♂

Excellent Tutorial on React-Query. Thanks, Dave

{2022-10-13}, {2022-11-10}, {2022-11-17}

I was going to ask you the "fetch" vs. "axios", is it still relevant today to use "axios"? I saw you are using it in React tutorial.

Lately I've been considering React Query and will definitely check out this video too!

Thanks a lot. Can we use useQuery for GET and for post, put and delete we use useMutation?

Thanks! Mr. Dave

Awesome tutorial, thx!

Hey Dave, another great vid, thank you. I'm using React Query for a project and have the basic fetching and mutations going - one thing I'm wondering if it's possible to do is when a component/page loads, check react-query data I have in cache already from other pages for a matching id to save having to fetch this item again. If it's there, just use that data. If not, fetch the data. Is this possible, or way too much to be doing? I've been trying to figure out for ages now but can't quite figure it out..

Absolutely underrated gem of a channel. This was such a brief yet thorough

Awesome one 🙂

Great video! quick question, how React Query says, do u even use Redux anymore?

Watching this video I can say it is better and more clean code than using Redux, Thunks and things like that. What do u think? I just started a big Proyect and we decided to use React Query for all our work, but that, more understanding using React Query than others libraries

on rtk query vs react query.. seems react query is much simpler to implement.. since rtk query is supported by the same redux team.. hav some advantage.. What do you think Dave?

Excellent tutorial,thank you gray

What is your opinion on using Redux and Axios (instead of RTK) for a big project? I just love using axios.

Yes, Next Js + Typescript 🥲

Dave, you're definetly raising the bar!