React Query Tutorial | TanStack React Query | E Commerce Application Products Page Using UseQuery
HTML-код
- Опубликовано: 10 сен 2024
- Hey guys, welcome to our React Query tutorial. I have explained the basics of react query in this along with useQuery and useMutation hooks. If you like this video, don't forget to press the like button.
I hope you get a good understanding from this video and you are also enjoying my react tutorial in hindi. If you like it please like and share it and do let me know your feedback in the comment section. Stay tuned and happy learning.. :)
Good Luck,
Sofia Goyal
Github link
For initial code - github.com/sof...
For final code - github.com/sof...
If you like my work you can support me and buy me a coffee at:
buy.stripe.com...
Custom Hooks React | React Hooks Tutorial
• Custom Hooks React | R...
Context Api React | Usecontext React Hooks
• Context Api React | Us...
----------------------------------------------------------------------------
Higher Order Components React
• Higher Order Component...
React Lifecycle Methods Explained | Part -1 - Mounting
• React Lifecycle Method...
-----------------------------------------------------------------------------
HTML/CSS Interview Questions Series
• HTML/CSS Interview Qus...
React interview questions series:
• React Interview Questi...
Javascript interview questions series:
• Javascript Interview Q...
- If you are looking for resume making tips, please checkout :
• How to Make a Resume |...
- If you are willing to become a web developer, check this out :
• How to become a Web De...
- For other interview tips and job change tips:
• how to get job during ...
• how to prepare for an ...
• interview tips and tec...
I will keep making these tutorials and will try to put my best into this so that i can provide you with the most relevant content.
Please keep supporting and if you like it please share with your friends.
react query
tanstack query
react query tutorial
tanstack react query
usequery tutorial
usequery vs usemutation
usequery react in hindi
usemutation react query
usemutation react query hindi
usequery react
react query v5 tutorial
usequery hook
usequery and usemutation
usequery hook in react
usequery react-query
react query v5
tanstack query v5
usequery in react js
react query in hindi
react query tutorial in hindi
react tutorial
react tutorial for beginners
react tutorial 2023
react tutorial in hindi
react tutorial for beginners in hindi
reactjs tutorial for beginners
reactjs tutorial
reactjs tutorial in hindi
reactjs tutorial 2023
reactjs tutorial for beginners in hindi
react js tutorial
tutorial for react js
react js tutorial hindi
typescript tutorial for react js
tutorial for react
learn react
Stay Connected:
Linkedin : / sofia-goyal
Facebook : / sofigoyal14
Instagram : / sofi_goyal
Twitter : / sofiagoyal14
#reactjs #reactjstutorial #redux #reduxtoolkit #reduxtutorial #sofiagoyal
![[DOKKAN BATTLE] Worldwide Campaign Announcement Video Part 2!](http://i.ytimg.com/vi/JpT5Voak6WA/mqdefault.jpg)
It was just yesterday that I read about why tanstack query is better for api handling & today your video appears in my home screen.
Great Video Ma'am.
Hehe nice con incidence. Thanks 🙏
Hello,
I have already write this code by reading its documentation. But after that i relize that its have much more functionaliy then these.
So can you make tutorials on advance n depth concepts it will be helpfull.
Fantastic video TanStack React Query | useQuery | useMutation 😃
Thanks 🙏
useQuery is a hook from React Query that helps you fetch and manage data from a server in a simple way.
How it works:
1. Fetching data: useQuery automatically runs a function that fetches data (like from an API) when the component using it is loaded.
2. Tracks status: It handles and tracks the different states for you:
a. isLoading: While the data is being fetched, this is true.
b. error: If something goes wrong during fetching, it stores the error.
c. data: Once the data is fetched successfully, it stores the data here.
3. Caching: It automatically caches the data to avoid redundant network requests. If the same data is needed again, React Query can use the cached version.
4. Auto Refetching: It can automatically refetch the data when it becomes "stale," or when the user interacts with the app (like changing pages).
Hi Sofia ma'am, I want to say you something today from the bottom of my heart.
I was jobless for 1 whole year, But I decided to restart again, I started giving interviews and soon I realised that at first place I scared to sit and face the interview, but after multiple rescheduling I dare to face one interview and as decided I was rejected, I didn't even answer the simple question like diff between local storage, session and cookies...
But here comes God's plan I searched it on RUclips and found your video, ma'am maine 1 month main apka poora content 2 se 3 baar dekh lia...
I waited this day to comment that you are not just a RUclipsr or a content creator, you are a HOPE
1 year career gap hone ke baad bhi I successfully cracked one of the world's biggest company.
To just say "Thank you" to you is disrespect, it is a very small word if I say it to you, so I would say as my mother learned me, you came in my life as a Lakshmi Ji. I will always be grateful for you 🙏.
Ohhh that’s so sweet of you… i am really happy that i was able to help you out ❤️
This actually fulfils the purpose of creating all this content. Thanks for sharing you story and All the best for the new job 👍
Hey sofita i loved your tutorial, it explains easy way, thanks alot
🙏❤️
nicely explained!
Thanks
If you can, bring more tanstack query videos...it's difficult to find video material like yours...Congratulations
Honestly, I didn't plan on more videos for react query. I created this video as it is a good library that can be used with react, but I have explained everything that would be used most of the times. I would suggest to learn other stuff in the specific cases when you need it. But still if you think I have missed some major topic then let me know, i will try to create a video on the same. 🙂
when to use null or this in bind,call,and apply method ? what happen when we use null in call method as first argument and second argument as spread opreator ?plz explain
Axios api ka use kiya jata h project m us par video bnao.....
Mujhe aapki api wali video mil nhi rhi h.....
Added product is not showing, how can we do that?
I have told in the video that it’s not adding to the actual db, so it won’t be reflected
Nice explanation
Thanks
M api nhi lga pa rha hu....
Thnx
🙏❤️
Mujhe aapki api wali video mil nhi rhi h.....