React Query Tutorial in Hindi: Master Data Fetching in Minutes | Crash Course 2023

Namaste, Dosto! 🙏 Aaj hum baat karenge React Query ke bare mein aur samjhenge ki yeh kyun itna popular hai. React Query se data fetching bilkul aasaan aur efficient hoti hai, aur agar aap React apps develop karte hain, toh yeh aapko zaroor pata hona chahiye.
Data fetching ek bohot essential skill hai har front-end developer ke liye, aur is video mein main aapko dikhaoonga kaise React Query se aap behtar aur faster apps bana sakte hain.
Agar aapko yeh video pasand aaye toh like karna na bhule, share karein, aur channel ko subscribe zaroor karein for more such awesome content! 🙌✨
Dive into the exciting world of MERN Stack with Microservices! Boost your skills and shine bright in web development with our easy-to-follow course at www.codersgyan... - join us and level up! 🔥
🔗 Part 2: Advanced React Query Tutorial
• Advanced React Query T...
👉 React Query Official Docs:
tanstack.com/q...
👉 Github Link: (Starter File)
github.com/cod...
👉 Step into the world of full-stack development with our detailed MERN Stack With Microservices course! Transform your ideas into reality: www.codersgyan... 🌐🚀
📚 Web Development Learning Resources
JavaScript Course: • JavaScript Complete co...
Full Stack Developer's Journey: • Full Stack Developer's...
MERN Stack Playlist: • MERN Stack
Interview Questions Playlist: • Javascript Interview q...
Crash courses: • Crash courses
CodersGyan Community Links
🎥 Subscribe to Our Channel: www.youtube.co...
🤖 Discord Community: / discord
🔗 LinkedIn: / codersgyan
💻 GitHub: github.com/cod...
🌐 Website: www.codersgyan...
✅ My gears for everyday work: docs.google.co...
#reactquery #datafetching #webdevelopment #react #usemutation

[@CodersGyan]

📌 Enjoyed the video? Please leave a comment below and don't forget to like, share and subscribe! Thanks for the support! 👍

[@usama5619]

new look bht achi lg rahi ha apki ye ❤

[@qurashishebi7988]

Yes sir we want advance videos like pagination,searching etc . complete CRUD operations

[@user-vh5tm6ry7v]

Sir your vs code fonts name ? Plz

[@CodersGyan]

Uploaded : )

[@akhandpratapsinghhbtu9622]

❤❤️❤️❤️❤️❤️❤️❤️❤️❤️

[@karanrajput2862]

yaar bhai tu na mera bhai hai bahut mast padhata hai teri har ek baat achhi samaj aati hh muzw love u bhai

[@rog0079]

Great video!! Advanced (production grade) react query tutorial required!!

[@abidibnazam4462]

Most Easy to understand video on React Query. Thank you sir. Appreciate a lot

[@__shubhamtiwari]

Dil khush hoo jata hai video dekh kr ❤

[@shubhamgohad9711]

Nice video sir make part 2 of this video.
Cover topics in part 2 like
1. Multiple post and get request
2. If second request is dependent on 1st request response then how second request work
3. How to show toast
4. If same request (get,post) come in different components then how we can give call globally and use in defferent component like redux

[@anuragnagar11]

Welcome back bhaiya , please regular video lana aap se samajhna mujhe asaan lagta hai.

[@rushikeshmungse3711]

Welcome back❤

[@frontendmechanix]

Sir, aap samjhayein aur samajh na aaye aisa nahee ho skta.
Aapko mai 2021 se follow kr rha hu. Aapke tutorials itne simple aur advanced hain. Aap bhot simple way me bhot kuch sikha jaate ho.
Aapko bhot bhot dhanaywaad guru ji!

[@CodersGyan]

❤️

[@mrahamed5985]

Creating the problem first and then step-by-step solving it is truly the best way to learn, and you're embodying this approach perfectly. Thank you immensely. Individuals like you in the tech industry are the reason for our growth. Your efforts are truly appreciated. You've clarified my concepts exceptionally well. Please continue contributing like this; your rewards will come in unexpected ways. Thanks a lot.

[@vanshika_ji]

No matter how many foreign youtubers I watch, samajh toh bas apne logo ka aata hai. 😂Thank you so much for this video, sir! 💗

[@CodersGyan]

Hey Vanshika! Haan yaar, apni language ka feel hi kuch aur hota hai. 😂 I'm really glad you enjoyed the video! 💗

[@Khedhar108]

Staletime : 37:36
Mutation: 1:00:36

[@abirsantra7753]

We need advance think like advance query pagination etc . Thank you 👍❤ @CoderGyan

[@parmjeetmishra2]

Well you just clear my every doubt related to useQuery. Thank you for this wonderful lesson.

[@prashlovessamosa]

Sir can you please teach us React Router it would be too much helpful
I tried to learn it from documentation
But some topics I was not able to understand as like SSR in react router
Please keep this in your list
Whenever you have time please make it.

[@Ram-ty4hn]

Hello,
I've watched many videos on RUclips about React Query, and I came across your video, which I found to be one of the best. Could you please create a complete playlist for React Query? It would be incredibly helpful for us.
Thank you!

[@CodersGyan]

Make sure you watch the part 2 its already there :)

[@sahilverma_dev]

Glad to see you back

[@mhmurshed6599]

you are great brother !

[@dnyanesh4589]

Wonderful video. Well articulated and detailed explanation. Thanks

[@ChandanSomani]

Really cool approach...

[@MythicalSaty]

Behtareen ❤

[@RobinSingh-wk8qv]

Thank you bhai, boht ache se aur simple tarike se samjhaya hai👌👌

[@anikdeb6835]

great tutorial.. salute boss

[@CodersGyan]

Appreciate it!

[@chhatrapatichauhan6621]

Very nice explaination. 🤓

[@corecomputer894]

Thank you sir 🙏
I have one doubt when we search based on character means per word search in that time it works fine as compared when we use abort controller in axios request in useeffect or cancel the previous request ? Which approach I prefer

[@aaaaaannnnnnnaaaaaannnnnnn]

Thanks Sir This video is amazing
Sir can you please make a detail in depth long video on appwrite ?

[@prashlovessamosa]

Thanks for sharing sir

[@pranaykosulkar641]

I really liked the way you explain the most complicated things easily. Highly useful.😀

[@grajkumar9686]

Yeh toh bawaal cheez h yaar ❤

[@rahul-java-dev]

Excited 😃😃

[@salluk71]

Sir ek question hai jo sirf aap kar sakte ho.. ye react me hona hai suppose apke pas nested array object hai nested data ki koi limit nahi hai ab is data ki help se select dropdown banana hai job user click kare kisi option par to uske andar ke childs ka array object ka new dropdown ban jaega aise hi chal jaega jaha tak data milega… please ispar ek video bana dijiye. Mujhe koi b video nhi mila yt par

[@Daliy_train]

kuch mila ?

[@salluk71]

@@Daliy_train yes i done it by myself
import { data } from './data'
import { Dropdown } from 'primereact/dropdown'
function App() {
const [dropdowns, setDropdowns] = useState([]);
const renderDropdown = ({ level, title, children, value }) => {
const handleDropdownChange = (newValue) => {
const updatedDropdowns = dropdowns.slice(0, level + 1);
const exist = children.find((child) => child.title === newValue && child.children.length);
updatedDropdowns[level].value = newValue;
if (exist) {
setDropdowns([...updatedDropdowns, { level: level + 1, ...exist }]);
} else {
setDropdowns([...updatedDropdowns]);
}
};
return (
{title}
handleDropdownChange(e.value)} optionValue="title" options={children} />
);
};
useEffect(() => {
if (!dropdowns.length) {
setDropdowns([ { level: 0, title: data.title, children: data.children, value: "", }]);
}
}, []);
return (
{dropdowns.map((dropdown) => renderDropdown(dropdown))}
);
}
export default App

[@gujaratinimoj3845]

Yes sir... please make video on advance topic

[@teachersmotivationadda9376]

Amazing video ever seen on, very helpful and beneficial.👍👍👍👍💕💕❤❤❤❤❤❤

[@enggved]

dost ek baat me bahut confuse rhtaa hu ki nextjs seekhne ke baad in cheejo kaa koi use hai, i mean if i go with react basics +nextjs mastery fir redux, toolkit andrtk query inkee need kyaa rhegi, by the way aapki energy and tareeka bahut achchhaa hai

[@dipukumar3472]

Sir, please make one video on advanced topic of react-query.

[@omkarporlikar6225]

Nice video & wonderful explanation of documents.

[@baitullahkhan5030]

Best programing teacher

[@qurashishebi7988]

Thank you soo much sir g
Please keep it up and bring more videos.I realy love your method of teaching.

[@ansarengg86]

excellent... we need advance video on react Query

[@sadik_farhan_]

Awesome!
waiting for the next video

[@asifrahman2155]

Your explaination level so much better . Love from bangladesh

[@ruttvikkhollam2845]

Great video waiting for advance query video

[@tusharshukla7546]

Support ❤

[@zaynff2m860]

Thanks Sir , Love from Ayodhya

[@user-vh5tm6ry7v]

Quality course for free.

[@Srinath666]

underrated channel

[@sagarchilivery6112]

Rakesh bhai aapka slang typical mumbaikar jaisa hai, btw love your content❤

[@darshanpandya1087]

Thank you so much for the amazing tutorial sir : )

[@rahulkumar-op7ul]

Nice video

[@Marshal-786]

Thanks

[@stallyonstester6103]

greate

[@rahulchourasiya4148]

I think the server component of Nextjs doesn't work properly?

[@discoverthecode2286]

thank sir g

[@pranshukumar6707]

A small correction bro.. At 38:24 the default staleTime is not infinity. It's 0 milliseconds. That's y query considers the data stale as soon as it mounts.

[@CodersGyan]

Yeah, you are absolutely correct 👍

[@asadmalik5075]

Nice and smooth explanation

[@aditya-d-]

thanks amzing video

[@CodersGyan]

Glad you liked it! ☺️

[@niklausmikaelson7332]

So can we use it for state management

[@mohammadejaz2892]

can we use Redux for state management and tanstack Query together ? is it good practice ?

[@s.hariharanreddy5439]

Awesome video 🎉

[@AshishKumar00]

Very well explained

[@testmail3875]

Sorry to say, the video is too long and covers very little of the topic. I hope you take this as a suggestion.

[@swapnilharpale-ic5fq]

Welcome back sir.

[@Marshal-786]

Sir apny life style per b video banao please

[@avinashsahoo6841]

we need advanced video on react query
React Query is awesome

[@shohiduljamananik4846]

just awesome ❤❤❤❤❤❤

[@himanshumaurya479]

@codersgyan advance concept please eagerly wait for the tutorial

[@usmanmarkaz]

Please make More on React Query and Redux Toolkit please sir and waiting for 2nd part and have request how to perform CRUD operation using React Query thanks

[@nayandwivedi9780]

thanks, sir for this video, and please made more this types of videos.

[@ZeshanMukhtar1]

Plz start making product ready industry standards full stack MERN projects ❤

[@hamzailyas7617]

Video starts at 25:00

[@vampirekabir]

best explanation sir

[@user-yx8lk9jc1j]

cool explaination....

[@mdimranh66]

Next js tutorial Need......❤️❤️❤️

[@salman0ansari]

please create a project using advance react query.

[@Md_sadiq_Md]

We need advanced react query please 🥺

[@Marshal-786]

stale time 10 seconds he kun rakhna hai ham zayda time kun nahi rakh sakty like 1 year ka?

[@javierlimontaneyra2637]

Wonderful video. Its possible to explain how use use-Query with GraphQL subscriptions?? Thanks

[@uditnagar7905]

Thank you sir ❤❤

[@kartik7775]

Thank you! 🙂

[@mdimranh66]

Boss,,Apka voice etna mitha kui hain.....❤️❤️❤️

[@tradeanalyst_]

Coders Gyanguru❤

[@MythicalSaty]

Advance query

[@mohammadejaz540]

❤❤❤🎉🎉🎉

[@akhilnagpal346]

Which theme you are using

[@chandankushwaha9514]

Hi there! You have explained this in most simplest way. However, I think you made a mistake while explaining staleTime 38:32. Please correct this if possible. This will help others to avoid confusion. Thanks!

[@J0Y947]

ThankYOU Bhai

[@hassanhameed7796]

Sir we need one more detailed video on REACT QUERY.

[@pranavverma37]

please advance video on react query

[@karanrajput2862]

bhai ek video na object routing sikha de confuse hoon main

[@4444-c4s]

Rakesh sir is back

[@hammadrafique9688]

Can we use React query in every project or how we can decide if we need to implement React query in a project?

[@LabhamJain]

if you need to call fetch APIs then you need it no matter how scalable your application is going to be you still need state management of api call and error handling and react query does it charmly

[@devBadar]

Well structured. Love you ❤

[@kalpeshwani231]

Sir Please make the next video fast

[@ambujsingh4788]

We need next video for advance

[@vedprakash8107]

@CodersGyan Which theme you are using for VS Code?

[@mustak_085]

Is it still needed in Next.js 13, or can I omit it when using version 13?

[@mdalishanali3909]

wow, you are looking awesome

[@kalpeshwani231]

Please in next project use react query

[@varijatvarun2867]

please sir start teaching full stack industry ready builds

[@alamshaikh4358]

Bro please make one crash course on docker.