Тёмный

React Query Tutorial with Typescript | Part 1 -- Queries 

CodeDunks
Подписаться 7 тыс.
Просмотров 24 тыс.
50% 1

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

Опубликовано:

 

4 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 31   
@mhmtlgly
@mhmtlgly 2 года назад
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.
@harmanmax
@harmanmax 3 года назад
Wow ! nice Well Explained , Love to see more videos series as well , keep it up Leo 👍👍👍👍👍
@awaisiqbal7268
@awaisiqbal7268 2 года назад
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.
@CodeDunks
@CodeDunks 2 года назад
I appreciate that!
@kaisian4940
@kaisian4940 3 года назад
Underrated series
@igdev6095
@igdev6095 2 года назад
Really nice and clean voice, I can understand what u say. Thanks a lot ❣❣
@adriocoder9192
@adriocoder9192 2 года назад
This is amazing, youre gold, thank you so much
@user-oy4kf5wr8l
@user-oy4kf5wr8l 2 года назад
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!
@causecaos
@causecaos 3 года назад
Great Video :) Subscribed
@cringecrimson94
@cringecrimson94 2 года назад
Very useful, Thanks.
@jasa6732
@jasa6732 2 года назад
Great article
@jessekrim9268
@jessekrim9268 Год назад
Nice job!! Way better than reading the docs ;) hahah
@murodjonazamov3951
@murodjonazamov3951 2 года назад
Thank you so much bro, respect ✌
@amirbagjani5800
@amirbagjani5800 Год назад
Awesome
@henrykim7802
@henrykim7802 2 года назад
Thanks! this is what I exactly have look for. 🔥🔥🔥
@CodeDunks
@CodeDunks 2 года назад
Glad to hear!
@henrykim7802
@henrykim7802 2 года назад
​@@CodeDunks I have a question in this part. If I want to execute queries synchronously, any nice approach?
@CodeDunks
@CodeDunks 2 года назад
@@henrykim7802 You could utilize dependent queries. react-query.tanstack.com/guides/dependent-queries
@henrykim7802
@henrykim7802 2 года назад
@@CodeDunks Thank you for the help 🙌
@codingwithdidem
@codingwithdidem Год назад
THANKKKKK YOUU
@adamvozda6471
@adamvozda6471 3 года назад
Good job. Keep up
@CodeDunks
@CodeDunks 3 года назад
Appreciate it Adam, thanks for watching!
@koko0808008
@koko0808008 2 года назад
You're the only dev i see that uses Edge ^^ nevermind, great tutorials as always. Thanks a lot.
@CodeDunks
@CodeDunks 2 года назад
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?
@joncaine2627
@joncaine2627 2 года назад
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!
@CodeDunks
@CodeDunks 2 года назад
Gotcha, sorry about the confusion but hope you were able to get some value out of this!
@drgregoryhouse1470
@drgregoryhouse1470 Год назад
Are these brackets in the name of the file [id].tsx necessary, or where does this convention come from ?
@CodeDunks
@CodeDunks Год назад
Yeah, it’s a way for dynamic routing with Next.js
@lokers_one
@lokers_one 2 года назад
all I hear is only "kind of, kind of, kind of" ....
@FrankArlt
@FrankArlt 2 года назад
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
@shineLouisShine
@shineLouisShine 6 месяцев назад
6:12 - what was that?! - how did you do that?? Not worth an explanation? What else are you doing without explaining? Nevermind. Thanks anyway..
Далее
React Query tips from the maintainer @tkDodo
16:19
Просмотров 20 тыс.
Can We Save Goku In 5 SECONDS⁉️😰 #dbz #goku
00:15
Envy recreating this new trend ✨ #shorts
00:14
Просмотров 1,8 млн
Learn React Query In 50 Minutes
51:09
Просмотров 274 тыс.
UseEffect Mistakes Every Beginner Should Avoid
18:05
Просмотров 28 тыс.
#4: React Hooks - useMemo + React.memo
25:38
Просмотров 69 тыс.