React Query Tutorial with Typescript | Part 2 -- Mutations

[@albertdugba]

The best channels are often the ones that are with less subscribers. Love your content hands downs. Definitely going to like and share

[@abdelrahmanabdelatief8375]

man, this is by far the best react query tutorial I've watched, love the way you present the content and explain it, your videos are fast paced which is so cool. keep it up man, and don't get discouraged by the numbers man you have one of the best youtube channels out there in my opinion, finally thank you so much for your work

[@loganj6203]

Your contents and stacks are what I try to build for my small projects! Thank for all video and I'll keep following it.

[@CodeDunks]

Appreciate it! Glad I could help

[@loganj6203]

​@@CodeDunks I really lost how mutation works since I watch the invalidate part, I do not understand 2 things that first, the mutate send post data to '/api/person/create' and the person data get data from '/api/person' how the mutate data can affect different domain data? second, the invalidation meaning looks like you wanted to change the data but if you don't want to change, you can cancel the process, is it right explanation? I'm not sure my questions are clear but I really lost.

[@CodeDunks]

@@loganj6203 the mutation allows you to have multiple sub methods that give you more control over what’s happening. For example if you want to quickly update the frontend with what the “new data” is going to be before it actually completes you can via proactive updates. But let’s say that fails, then you don’t want the data reflected to be wrong right? Since the request didn’t ever complete to the DB you can use the sub methods to essentially “rollback” the changes that didn’t go through. In terms of your domain question I’m not entirely sure I follow what is being asked so I’m sorry I’m not able to better answer but you can modify “/api/person” cache data directly from anywhere that you provide access to the client

[@loganj6203]

@@CodeDunks Thank you for the explanation, I could understand what is the mutation clearly. What I was confused about the domain that the mutation send a request to '/api/person/create' and the person useQuery send a request to '/api/person' but how they can share the person data between them, but I think it was just you wanted to show that how invalidation works so I understand the flow right now. I really appreciate your videos!

[@가가가가아이고가가가]

Thank you ! What a useful video !!!

[@alfieqashwa]

Subscribed and liked. My feedback is... :Clould you please slow down a little bit?". I'm from Indonesia and English is not my native language. But thanks for this provided typescript using react-query. So much appreciate it.

[@Pedro-yo4hr]

Thanks for the amazing video! I was wondering if you could tell me why do we need those 3 arguments on the onSuccess if we aren't using them. Are they optional? Also, what's the meaning of the underscore on _variables and _context? Thanks!

[@stevereid636]

I realised that I needed to learn a bit more about React Query and this series using Typescript is perfect. One thing though is there a reason you're using React.SyntheticEvent in the onSubmit function instead of React.FormEvent?

[@alirezavahidi8880]

Thanks a lot Leo, everything was great. The only problem is that you scroll up and down too much within the VScode and I personally get confused! :D

[@CodeDunks]

Sorry about that! Will keep that in mind moving forward, thanks for the heads up!

[@taetaebeatz5578]

You should link pt1 in this video!:)

[@ahmedshehata5601]

what about if I have 4 functions each one doing some logic like update item / delete item / addItem how do toggle btw these in useMutations()

[@jesusmendoza7774]

do you know how to type error when using mutation and react-query?

[@CodeDunks]

I came across this stack overflow that might be of some use. stackoverflow.com/questions/67828232/react-query-mutation-error-not-recognized-as-type-error

[@andrearossi2770]

your knowledge is good but you really need to work on your wording and speech skills , 70% of your words are "actually" and "kind of" , might throw some people like me off

[@CodeDunks]

Appreciate the feedback Andrea! I agree and will try my best moving forward!