React Query Tutorial - 23 - Handling Mutation Response

Use coupon code: CodevolutionYoutube for any workspace upgrade. Select "Add promo code" on checkout, enter the code, then hit "Apply". This will apply a 100% OFF lifetime discount to your subscription. Enjoy and feel free to invite others to your workspace!

📱 Follow Codevolution

Handling Mutation Response with React Query
React Query Tutorial on Handling Mutation Response

[youssefaserrar]

I can't thank you more for this series, you did a fantastic job

[gosnooky]

I think it's best practice to ALWAYS transform your responses to just your data, and not the entire axios response object. Reasoning is it's easier to deal with, since it's only your domain-specific data, and the bigger and more important reason is the client-side memory footprint imposed by that extra ephemeral data that has no use beyond its original fetching phase. Very nice series, by the way.

[freekoding]

An Awesome and Easy TO understand Tutorial than every tutorial on Youtube

[Ben_III]

Appreciate your effort. These series are so clean and well thought!

[nimeshthakur]

What if there are multiple users and each one of them is constantly adding records. In that case a hard reload will only display the true state. Something to keep in mind when using this approach

[stanleymugambe]

I have learnt alot from you vishas, thank you

[Pyrotechnic]

Thanks for the series Vishwas, will definitely look to implement React query in my personal project soon.

On a slight tangent, I've been thinking about applying SOLID principles to my React applications recently and especially about the first principle, Single responsibility. I was wondering, what's your opinion on having a separate service layer for data fetching in React apps to remove the responsibility from components rendering the pages?

I'd love it if you'd consider doing a short series on applying SOLID principles in React but of course that's entirely up to you!

[AlexShemwell]

I'm learning about superhero trivia as well as react query.

[vrajpatel]

Others: Focusing on the concept of mutation response.
Me: thinking on which DC hero, he will be adding this time.

Nice video series, though.

[KratosCY]

Thank you for the series. I didnt understand how did you use returned JSON data and pushed it into the end of array without parsing the returned JSON data?

[rahulachu]

Hi, First of all this is an amazing tutorial. If possible can you give an example to do the same for updating one item from a page in useInfiniteQuery output?

[andersondevhcc]

The use of react query decrease possibilities of use with methods array traditionals (javascript methods array + state of react)? for example, when create super heroe, we can set new super heroe in prev state. With react query it dont need more?

Thank you for this series.

[hyunchae]

What should we do if there was no previous data and this is the first entity creation?

[dhruv.pandey]

Can you create a video or point some reference to TypeScript for this video? useMutation is quite tricky with TypeScript.

[madeinbalcony]

is there a way to use setQueryData with a query key that have an id? example:
setQueryData(['queryKey', 1], updaterFunction)

I tried the syntax above but it seems the updaterFunction is not running.

[uv_codes]

Btw, Have you watched "The Flash" s9?😂

[Madhusudhan]

Vishwas, please explain error handling also

[fares.abuali]

I can't thank you more for this series, you did a fantastic job