React Query Tutorial in Hindi: Master Data Fetching in Minutes | Crash Course 2023
Вставка
- Опубліковано 5 вер 2024
- 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
📌 Enjoyed the video? Please leave a comment below and don't forget to like, share and subscribe! Thanks for the support! 👍
new look bht achi lg rahi ha apki ye ❤
Yes sir we want advance videos like pagination,searching etc . complete CRUD operations
Sir your vs code fonts name ? Plz
Uploaded : )
❤❤️❤️❤️❤️❤️❤️❤️❤️❤️
yaar bhai tu na mera bhai hai bahut mast padhata hai teri har ek baat achhi samaj aati hh muzw love u bhai
Great video!! Advanced (production grade) react query tutorial required!!
You gained a subscriber today. Crystal clear concepts.
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!
❤️
Welcome back bhaiya , please regular video lana aap se samajhna mujhe asaan lagta hai.
Dil khush hoo jata hai video dekh kr ❤
Most Easy to understand video on React Query. Thank you sir. Appreciate a lot
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
Staletime : 37:36
Mutation: 1:00:36
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.
No matter how many foreign youtubers I watch, samajh toh bas apne logo ka aata hai. 😂Thank you so much for this video, sir! 💗
Hey Vanshika! Haan yaar, apni language ka feel hi kuch aur hota hai. 😂 I'm really glad you enjoyed the video! 💗
Hello,
I've watched many videos on UA-cam 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!
Make sure you watch the part 2 its already there :)
Best tutorial, good explanation of the React Query.
Glad it was helpful!
We need advance think like advance query pagination etc . Thank you 👍❤ @CoderGyan
Thank you bhai, boht ache se aur simple tarike se samjhaya hai👌👌
Well you just clear my every doubt related to useQuery. Thank you for this wonderful lesson.
Wonderful video. Well articulated and detailed explanation. Thanks
you are great brother !
great tutorial.. salute boss
Appreciate it!
Very nice explaination. 🤓
Welcome back❤
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.
Really cool approach...
Thanks Sir This video is amazing
Sir can you please make a detail in depth long video on appwrite ?
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
kuch mila ?
@@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
Rakesh bhai aapka slang typical mumbaikar jaisa hai, btw love your content❤
Thank you soo much sir g
Please keep it up and bring more videos.I realy love your method of teaching.
Amazing video ever seen on, very helpful and beneficial.👍👍👍👍💕💕❤❤❤❤❤❤
I really liked the way you explain the most complicated things easily. Highly useful.😀
Sir, please make one video on advanced topic of react-query.
Yes sir... please make video on advance topic
Thanks for sharing sir
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
Yeh toh bawaal cheez h yaar ❤
Behtareen ❤
Great video waiting for advance query video
excellent... we need advance video on react Query
Thanks Sir , Love from Ayodhya
Glad to see you back
Nice video & wonderful explanation of documents.
underrated channel
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
Awesome!
waiting for the next video
Your explaination level so much better . Love from bangladesh
Thank you so much for the amazing tutorial sir : )
Best programing teacher
@codersgyan advance concept please eagerly wait for the tutorial
Nice and smooth explanation
thanks, sir for this video, and please made more this types of videos.
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
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.
Yeah, you are absolutely correct 👍
Boss,,Apka voice etna mitha kui hain.....❤️❤️❤️
we need advanced video on react query
React Query is awesome
Quality course for free.
Very well explained
greate
thank sir g
Sir apny life style per b video banao please
Excited 😃😃
Support ❤
Awesome video 🎉
Plz start making product ready industry standards full stack MERN projects ❤
Welcome back sir.
Wonderful video. Its possible to explain how use use-Query with GraphQL subscriptions?? Thanks
I think the server component of Nextjs doesn't work properly?
Next js tutorial Need......❤️❤️❤️
can we use Redux for state management and tanstack Query together ? is it good practice ?
best explanation sir
bhai ek video na object routing sikha de confuse hoon main
please create a project using advance react query.
Thank you sir ❤❤
We need advanced react query please 🥺
Sir we need one more detailed video on REACT QUERY.
So can we use it for state management
cool explaination....
ThankYOU Bhai
just awesome ❤❤❤❤❤❤
Thank you! 🙂
Coders Gyanguru❤
Thanks
Nice video
please advance video on react query
please sir start teaching full stack industry ready builds
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!
Bro please make one crash course on docker.
@CodersGyan Which theme you are using for VS Code?
stale time 10 seconds he kun rakhna hai ham zayda time kun nahi rakh sakty like 1 year ka?
We need next video for advance
Which theme you are using
Sir Please make the next video fast
Advance query
wow, you are looking awesome
Rakesh sir is back
Can we use React query in every project or how we can decide if we need to implement React query in a project?
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
Please make an advance video on react query
plz make advance tutorials in context API and redux toolkit please sir
Please in next project use react query
make advance react query for react project with detailed
Video starts at 25:00