React Query in 40 Minutes - Everything You Need to Know About Tanstack React Query

  Рет қаралды 64,880

PedroTech

PedroTech

Күн бұрын

Пікірлер: 106
@godofwar8262
@godofwar8262 9 ай бұрын
Hey bro add tanstack query to video title for better reach
@stephikebudu
@stephikebudu 8 ай бұрын
Yeah not everyone knows its the same thing
@centrumsaiyan7623
@centrumsaiyan7623 6 ай бұрын
Seriously haha you need that title
@orashusedmund7675
@orashusedmund7675 8 ай бұрын
thanks Pedro. I've been looking for a good video guide, just getting started with React query. was so happy when i saw yours.
@sreerup_dhrino
@sreerup_dhrino 5 ай бұрын
As of today working with react-query v5 I noticed two changes - 1. If you are importing & calling a function from another file in queryFn it has to be written in a arrow function like queryFn: () => getData() 2. Fetch request is getting called on browser tab change even without mentioning staleTime, and to stop it you need to explicitly mention refetchOnWindowFocus: false Please let me know if others are also facing the same.
@OnyeStephen
@OnyeStephen 2 ай бұрын
This was by far the best video about react query on KZbin. Subscribed for more of this. I love the pace!!!
@shirazjaf3844
@shirazjaf3844 8 ай бұрын
amazing brother ! have been searching for a proper tutorial and found yours
@zalaam_0
@zalaam_0 9 ай бұрын
I am not native english speaker but some how i can understand you clearly. Maybe your way of teaching is very good
@PedroTechnologies
@PedroTechnologies 9 ай бұрын
Glad to hear that!!
@matteonegridev
@matteonegridev Ай бұрын
You helped me with Zustand, and now agan with react query. Thanks!
@anmolkharel4433
@anmolkharel4433 9 ай бұрын
i'm new to react and haven't used redux at all, i followed one of your react tutorials and have been using react query since, this video is much appreciated, thanks!
@singhramneek3358
@singhramneek3358 9 ай бұрын
How is this even possible? Just Finished your React Query module from react js course and found it bit outdated and here you are.... Just Wow😮
@melkhywong7594
@melkhywong7594 9 ай бұрын
did you read my mind bro? i was searching for this
@tomasburian6550
@tomasburian6550 7 ай бұрын
Great vid. Lots of companies now using this library, very useful.
@aseel1024
@aseel1024 8 ай бұрын
this is the best library to be honest, doing it native will take long time!!
@raviel_0422
@raviel_0422 7 ай бұрын
Thank you so much Pedro. I'm really liking your content about React because you explain very clear in your videos.
@shuvoahmed5217
@shuvoahmed5217 8 ай бұрын
clean and informative . make more good video like this on various topic . eg : (react testing)
@codermeloman3030
@codermeloman3030 8 ай бұрын
React Query + Next.js 14 + prefetch query + using prefetched query in server side nested components ... would be amazing video!
@andrewredican1413
@andrewredican1413 5 ай бұрын
react-query is an amazing library, and great explanation!
@giovanniferreira1706
@giovanniferreira1706 9 ай бұрын
A continuation video using complex searches, passing parameters, and such would be great.
@quentinhall8838
@quentinhall8838 8 ай бұрын
welcome back pedro , your videos are the best
@lamiaali4519
@lamiaali4519 8 ай бұрын
wow just what I was looking for, thank u for this amazing video.
@LyndonBaylinJr
@LyndonBaylinJr 2 ай бұрын
`onSettled` is the same as the `finally` block in the `try.. catch...`. It will always trigger regardless if its success or failure
@afamsval
@afamsval 8 ай бұрын
We want to see more videos on this. 😍 Thank you
@vinaykumarkharwar177
@vinaykumarkharwar177 8 ай бұрын
This was concise and informative. Thanks!
@jubert2096
@jubert2096 6 ай бұрын
Thanks pedro. Your teaching is awesome. Can you make a video on tanstack react typescript. There are not that much videos on tanstack tables and I’m having lot of errors
@lopesleticiam
@lopesleticiam 5 ай бұрын
Exactly what I was looking for! Thanks 🎆
@DjSeymur
@DjSeymur 6 ай бұрын
You should make your intro you spinning in a circle while the music plays "Pedro, Pedro, Pedro, Pedro Techhh" 😁
@ramanjaneyuluv479
@ramanjaneyuluv479 8 ай бұрын
we need more videos of this kind
@italofsan
@italofsan 8 ай бұрын
Excelente vídeo meu brother. Deu um overview massa.
@АнтонКовалёв-э7к
@АнтонКовалёв-э7к 7 ай бұрын
It would be great to see your next video about react-query
@neilvenmascarinas4365
@neilvenmascarinas4365 4 ай бұрын
thanks brother it help me a lot to understand react query♥
@bruningoat
@bruningoat 7 ай бұрын
it would be cool if you could bring more videos about this topic maybe a project using pagination and infinite scroll as you mentioned
@palcherin
@palcherin 8 ай бұрын
This is great, hey bro.. can you please make a video regarding react-google-maps? I think if you do the video it could help a lot of people wasting time on alot of tutorials that doesn't teach much.
@KaranChauhan-fu6dy
@KaranChauhan-fu6dy 8 ай бұрын
I just completed it... loved it
@jessicajoseph1633
@jessicajoseph1633 2 ай бұрын
Amazing content thank you Pedro
@abdelrahman5094
@abdelrahman5094 2 ай бұрын
best explanation ever
@BugArray
@BugArray 8 ай бұрын
Awesome content, I might also cover this topic in one of my videos.
@Guyfromearh1
@Guyfromearh1 12 күн бұрын
Body I saw this video for multiple times and I feel like I can get most of the parts. Thanks. ♥
@k303k
@k303k 9 ай бұрын
We miss u pedro❤
@cholakovit
@cholakovit 8 ай бұрын
Hi excellent video :) Would you make a video how exactly react query can manage globally state ?
@matheuspiegas
@matheuspiegas 5 ай бұрын
Que vídeo excelente cara! Parabéns!
@jatiquep5543
@jatiquep5543 9 ай бұрын
I have been waiting for this
@JOSEPHEZHAP
@JOSEPHEZHAP 9 ай бұрын
Please make a video about pagination and advanced react query
@onsiteImagitech
@onsiteImagitech 3 ай бұрын
A very usefull video I learned a lot thanks.
@AbdAtaya
@AbdAtaya 4 ай бұрын
Great bro, Wallah you are a Master
@bagheldevansh
@bagheldevansh 9 ай бұрын
thank you so much for this!
@King_slayer-hd7df
@King_slayer-hd7df 8 ай бұрын
Thanks for the refresher 👍
@abdulazeezonadipe6236
@abdulazeezonadipe6236 8 ай бұрын
Thanks so much, this was superful. I hope you could work on the pagination also, also is this proper { queryKey: ['word', 'status', 'done'] }
@metalfort1207
@metalfort1207 8 ай бұрын
Thanks I can now flex to my bosses some React Query stuff
@2ameridiem
@2ameridiem 8 ай бұрын
I have been following your Reactjs course 2023 and there in the react-query tutorial, you mentioned that the queryFn should return the data fetched by the Fetch API, which then will be stored in the variable. Why are we returning a promise in this case?..considering that the json() method returns a promise.
@bobsecondbrain9330
@bobsecondbrain9330 7 ай бұрын
Fantastic tutorial!
@ValeriiLutiy
@ValeriiLutiy 9 ай бұрын
ty Pedro, hello from Ukraine 👋
@haniehafzali9661
@haniehafzali9661 3 ай бұрын
thank you that was so great 🌺🌺
@izunduchukwuemika7915
@izunduchukwuemika7915 8 ай бұрын
thanks pedro🤜
@izunduchukwuemika7915
@izunduchukwuemika7915 8 ай бұрын
I really understood it
@mehedihassan6904
@mehedihassan6904 8 ай бұрын
make a detailed advance video on react-query please with real backend data
@sonamohialdin3376
@sonamohialdin3376 8 ай бұрын
Very helpful tutorial thank you
@regilearn2138
@regilearn2138 8 ай бұрын
it would be great if you can use typescript with this
@rajeevbhosle1580
@rajeevbhosle1580 3 ай бұрын
thanks for the video , can you please share the link of repo....
@SuperMBARutgers2013
@SuperMBARutgers2013 3 ай бұрын
Staletime is a win for me.
@Developer_BR
@Developer_BR 2 ай бұрын
I think you is brazilian, right!? I started my channel trying record 100% in english, but the videos got very awkward. I always remember you when I want post a new video.
@Goku-zu3rk
@Goku-zu3rk 5 ай бұрын
Maybe more on dependencies and query Keys?
@tiny_mystery
@tiny_mystery 8 ай бұрын
thanks for the tutorial brother,
@adi-ai-007
@adi-ai-007 5 ай бұрын
Nicely explained
@mohammadshezan
@mohammadshezan 8 ай бұрын
Awesome, Next time do it with Infinite Scrolling
@dyarydy6939
@dyarydy6939 7 ай бұрын
Thank you Perdo
@mihaichildesco8276
@mihaichildesco8276 8 ай бұрын
i dont understand why your code was working and my code not. When you use useQuery for fetching data with id and title i was getting data undefined, after i added isLoading and isError it worked. "In the initial render without isLoading and isError checks, your component tries to map over data, which is undefined, hence causing an error. React doesn't render components with errors, so your component won't be displayed." This was an explication from chatGpt and still dont get it why handling isLoading and isError made the code to work and fetch the data
@coderintrovert
@coderintrovert 8 ай бұрын
you can set initial data as empty array, like this const { data = [] } = useQuery….. If you dont want to set initial data then when you are mapping over it have some check like data?.map or data && data.map
@chippandenga6722
@chippandenga6722 5 ай бұрын
I am also getting data undefined error but my code is an exact copy of his???? Thanks for this comment. I was thinking I am losing my mind😂
@nullwizard6335
@nullwizard6335 8 ай бұрын
Thanks for this. I was wondering what is the benefit of using this library over redux? Because I can do pretty much same using redux and more.
@waleedsharif618
@waleedsharif618 9 ай бұрын
One question, when we are using for example Axios and want to test it using react testing library we can mock it. How can we test this react-query ?
@mjylove2
@mjylove2 4 ай бұрын
what theme do you use? i looks awesome
@zainn7336
@zainn7336 8 ай бұрын
please make video on infinite and pagination in react query plzzz
@thebocksters2756
@thebocksters2756 7 ай бұрын
16:16 and what is the difference between isLoading and isPending
@arunkumar.d7968
@arunkumar.d7968 Ай бұрын
thank you!
@favanzzo
@favanzzo 9 ай бұрын
pedrao, sua opinião sobre a fala do CEO da nvidia?
@rumonintokyo
@rumonintokyo 7 ай бұрын
Did u try it using with next js 14? When I try to use it with next js 14 and create a custom hook that fetches data from the server using tanstack .... the data seem to load properly but the html content does not appear on the page source... note am using the custom hook in a client component...
@bobkazamakis5169
@bobkazamakis5169 8 ай бұрын
Should I stick to RTK Query when using Redux?
@tariqahmed2526
@tariqahmed2526 8 ай бұрын
Plzz make a latest firebase tutorial or app write it will be helpful
@gamingwolf3385
@gamingwolf3385 9 ай бұрын
Pedro , why you don't try svelte/kit
@gregorysk_lviv
@gregorysk_lviv 6 ай бұрын
I wonder, what is the name of the extension which shows size of npm lib
@dedanmsafari8213
@dedanmsafari8213 6 ай бұрын
its called import cost
@niklausmikaelson7332
@niklausmikaelson7332 3 ай бұрын
How can we replace redux,zutand with react query
@ilmanmanarulqori5632
@ilmanmanarulqori5632 8 ай бұрын
make another one React Query 🎉
@hooooman.
@hooooman. 9 ай бұрын
one request, not about the teaching ,but about the video. Most of the time , in addition to the youtube, viewers, mostly beginners ,also needs to open multiple apps, such as vs code or any code editor, ,browser with multiple tabs, other softwares such as postman etc, so students like me, who has a midrange pc, it would be a slightly heavy load for the device. so in addition to this, if the youtube video itself is also 60fps, it will just double the ram consumption and load to the CPU. Unlike a gaming video which requires 60fps, 1080px @ 30 fps is more than enough for coding videos. so please consider this request in the future videos.
@akshitathakur5722
@akshitathakur5722 2 ай бұрын
Can anyone please help is this react-query V5 ??
@IvanGechv
@IvanGechv 8 ай бұрын
Why using CRA and not VITE ? CRA is so slow!
@emmanuelxs6143
@emmanuelxs6143 9 ай бұрын
Pedro 😊
@joeblack8843
@joeblack8843 6 ай бұрын
i found out that it doest work with axios
@anburaghu6294
@anburaghu6294 8 ай бұрын
can we get the source code bro??
@fromxtwitter
@fromxtwitter 9 ай бұрын
No. 3 - 😂
@KisanKumavat-m5e
@KisanKumavat-m5e 4 ай бұрын
+++
@dizzland
@dizzland 3 ай бұрын
Amazing tutorial
@sandunlasantha
@sandunlasantha 9 ай бұрын
@Pareshbpatel
@Pareshbpatel 6 ай бұрын
{2024-04-29}
@jetskeeter69
@jetskeeter69 8 ай бұрын
Is there one that uses with nodejs to my database using MySQL?
6 React Concepts That Will be Obsolete in 2024
12:07
PedroTech
Рет қаралды 9 М.
React Query Tutorial (2024) - Full TanStack Query Tutorial for Beginners
1:48:26
БУ, ИСПУГАЛСЯ?? #shorts
00:22
Паша Осадчий
Рет қаралды 2,9 МЛН
How to Fight a Gross Man 😡
00:19
Alan Chikin Chow
Рет қаралды 14 МЛН
Don't underestimate anyone
00:47
奇軒Tricking
Рет қаралды 17 МЛН
Learn React Hooks: useContext - Simply Explained!
15:46
Cosden Solutions
Рет қаралды 185 М.
React Query - Complete Tutorial
18:57
Cosden Solutions
Рет қаралды 142 М.
How React Query Won
34:52
Theo - t3․gg
Рет қаралды 85 М.
All The JavaScript You Need To Know For React
28:00
PedroTech
Рет қаралды 654 М.
Why I don't use React-Query and tRPC in Next.js
18:58
ByteGrad
Рет қаралды 97 М.
React Query tips from the maintainer @tkDodo
16:19
Andrew Burgess
Рет қаралды 26 М.
React Query Is (Still) Essential - My Favorite React Library
11:04
Theo - t3․gg
Рет қаралды 157 М.
React Query Tutorial (TanStack Query)
56:56
Anson the Developer
Рет қаралды 3,1 М.
БУ, ИСПУГАЛСЯ?? #shorts
00:22
Паша Осадчий
Рет қаралды 2,9 МЛН