ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
ฝัง
- เผยแพร่เมื่อ 4 ส.ค. 2024
- In this video I will introduce and help setup the popular frontend data fetchign library known as react-query.
This part of the video will be focusing on react-query useQuery and how to use them along with introducing how the query cache works.
React query documentation: react-query.tanstack.com/over...
Starter Project: github.com/leoroese/reactquer...
Finished ReactQuery Tutorial Project:github.com/leoroese/reactquer...
Timestamps
0:00 What is react query
3:10 Project Start
4:00 install and setup
6:10 QueryClientProvider
7:30 useQuery
11:50 query keys
13:25 query states
15:55 refetch on window focus
16:30 devtools
18:35 query options and cache
24:20 query with params
26:20 dependent queries
29:40 prop drilling improvements
31:20 query retries
Wow ! nice Well Explained , Love to see more videos series as well , keep it up Leo 👍👍👍👍👍
Because of you i learned Material UI and React-Hook-Form and now React-Query. Thank you Leo. Please make sure to write longer / more detailed descriptions for your videos, as this will result in more views (YT algorithm). Greetings Ali.
This is amazing, youre gold, thank you so much
Man, I just want to say thank you for providing this content. It just super amazing. To the point, detailed, no stupid talk like other do just to make there tutorial hours long. and please don't stop making these videos , soon this channel is going to have million subscribers. Inshallah.
I appreciate that!
Underrated series
Really nice and clean voice, I can understand what u say. Thanks a lot ❣❣
Very useful, Thanks.
Great Video :) Subscribed
Thank you so much bro, respect ✌
I was like "damn, what is this, i dont understand this.... what react is" then i realise this is next.js, then i realised why people created next.js.... typescript is better! Thanks buddy! Great job!
Great article
Nice job!! Way better than reading the docs ;) hahah
Awesome
Thanks! this is what I exactly have look for. 🔥🔥🔥
Glad to hear!
@@CodeDunks I have a question in this part. If I want to execute queries synchronously, any nice approach?
@@henrykim7802 You could utilize dependent queries. react-query.tanstack.com/guides/dependent-queries
@@CodeDunks Thank you for the help 🙌
Good job. Keep up
Appreciate it Adam, thanks for watching!
THANKKKKK YOUU
You're the only dev i see that uses Edge ^^ nevermind, great tutorials as always. Thanks a lot.
Lmao I have been considering going back to Chrome since they feel the need to switch my default browser to bing every now and then. Any browser suggestions?
I think it would be better to call this "React Query Tutorial with Typescript and Nest".. as for someone (like me) who isn't using Nest this is confusing and adds unnecessary complexity. Otherwise.. looks good.. keep up the good work!
Gotcha, sorry about the confusion but hope you were able to get some value out of this!
Are these brackets in the name of the file [id].tsx necessary, or where does this convention come from ?
Yeah, it’s a way for dynamic routing with Next.js
all I hear is only "kind of, kind of, kind of" ....
You are talking too much. Avoid to use basically and pretty much too often. That’s makes it hard to follow you without losing interest
6:12 - what was that?! - how did you do that??
Not worth an explanation?
What else are you doing without explaining?
Nevermind.
Thanks anyway..