@RoadsideCoder 6 ай бұрын
🔴 Get my Complete Frontend Interview Prep course - roadsidecoder.com/course-details 🟪 Follow me on Instagram and u will clear your interview 🤓 - instagram.com/roadsidecoder/ 👤 Join the RoadsideCoder Community Discord - discord.gg/2ecgDwx5EE
@OCEMTechZone 4 күн бұрын
Great one Thanks a lot Sir you save my lot of hours to implement steal data 🎉🎉🎉🎉🎉🎉🎉
@houriayaseen5487 6 ай бұрын
I liked the video and now commenting before I even finished it. your explanation is awesome 🔥
@jagadeshvarmasvpkh7860 2 ай бұрын
Need complete project tutorial by using react query.
@ghanshyamdobariya8875 6 ай бұрын
I bought one course that has react-query tutorials, but your video is far better..
@AdilAnsari-im1ir 6 ай бұрын
Please make a video with RTK
@cutebaby_richu22 6 ай бұрын
Yes i was waiting for it😍... Finally came🥳
@gjn4323 4 ай бұрын
We definitely need a project tutorial on this
@chhavimanichoubey9437 4 ай бұрын
I can say this video covers the essentials, and coders then will read docs to get more familiar with advanced topics of tanstack.
@PoojaKavlekar 3 ай бұрын
Nice explanation, helped alot thanks.
@AnandakumarMoorthi 5 ай бұрын
yes please make a complete project by using react query
@samduss4193 4 ай бұрын
he does not need i think he already provide detail enought
@aswathisk5461 6 ай бұрын
Bro just rocked....when I want this...tqsm
@parvezshaikhjr 5 ай бұрын
There is a lot of discussion whether to use any state management library like Redux, Zustand, etc or not when we are using React query. My question would be can we use React query as store management library also?!
@marimuthurajendran67 6 ай бұрын
Hi Thank you for this wonderful tutorial, The main thing is getting access the data in different component,could you please explain how we can acheive it
@Mr___Khan1 3 ай бұрын
Nice Explanation Sir ♥️
@Rajesh-rg6fw 6 ай бұрын
Can you tell, Rtk query or react query witch one is used most in the industry? and witch one is better?
@enggved 5 ай бұрын
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
@yashmishra5796 3 ай бұрын
No they are a pre built functionalities in the Nextjs that's why Nextjs is a franework
@himankshu 6 ай бұрын
do you use react-query in your production apps? It is better that we are learning but just curious that are companies using it for production apps? I searched jobs on react-query on linkedin but none of them mentioned it in the job description.
@user-dd7kw3ym5i 6 ай бұрын
i don't know the answer though, why this library was created if it's not used on production and only on development? The library's goal is to make users/clients experience better by handling the caching, fetching, etc by it and make web apps more performant
@markoscouse 6 ай бұрын
It's just a library, companies don't mention stuff like this unless it's something super specific they absolutely require you to know before working there
@wanderar123 6 ай бұрын
is this still relevent after Nextjs ? (do Nextjs has some inbuilt feature like this)
@prashlovessamosa 6 ай бұрын
Yes
@kelvinnwachukwu8141 4 ай бұрын
Nice explanation please can you do a full stack app with typescript where such can be used with react queries
@abhik9077 2 ай бұрын
yes project tutorial needed...
@RavindraSingh-lp9pl 6 ай бұрын
waah bhai majaa aagyaaa...one video for RTK React please.
@RoadsideCoder 6 ай бұрын
Definetly!
@absiddik7841 6 ай бұрын
Yes, make a project tutorial video using react query
@deep90402 6 ай бұрын
Please make videos on javascript machine coding rounds will be really helpful
@rubynathanrubynathan2875 6 ай бұрын
❤ love it🎉
@shahriar_ferdous 6 ай бұрын
Awesome❤️
@warriorwarlord6706 5 ай бұрын
Kindly make the complete project tutorial by using react query
@Pareshbpatel 4 ай бұрын
Nice overview of TanStack React Query V5. Thanks. {2024-04-29}
@ZahoorMohammed-hh8cz 3 ай бұрын
very bad explanation after half video, unable to understand anything
@HAMNAD 5 күн бұрын
Thanks for telling us before we waste our time
@jahangirkhan3747 6 ай бұрын
Thanks bro ❤
@ragucool9468 6 ай бұрын
React redux with JWT Authentication - Sign up, Login, Logout & Private Route(access and refresh token redux state management ).how to handle token or session(state management redex store) in enterprice level application ....thanks in advance bro ... eagarly waiting bro..create enterprice level small application ( like ecommerce with cover all topics bro)
@j2etech602 6 ай бұрын
Is it possible to update newly created post to the post list locally without invalidate the post list query? (To reduce API).
@RoadsideCoder 6 ай бұрын
Yes, using setQueryData - onSuccess: (data, variables, context) => { // 👇 We can manually add to posts to avoid api calls queryClient.setQueryData(["posts"], (old) => [data, ...old]); },
@regilearn2138 6 ай бұрын
It would be great if use Typescript with this
@adamseekerfan12 6 ай бұрын
Please make video on tanstack router beginner level to advance
@Gymaurcode 6 ай бұрын
I wish you upload video on RTK Query
@RoadsideCoder 6 ай бұрын
soon 💖
@SureshChidurala 2 ай бұрын
🎯 Key points for quick navigation: 00:00 *🚀 Overview of React Query* - React Query is an asynchronous state management library for TypeScript and JavaScript apps - Key features include caching, refetching, pagination, and more. 01:48 *📦 Setting Up React Query* - Installation of React Query and Json Server for mock APIs - Creating mock APIs using Json Server for testing React Query functionality. 04:02 *🛠️ Configuring React Query* - Configuring the query client and provider in React app - Setting up the initial structure to start using React Query for data fetching. 04:43 *🔄 Data Fetching with React Query* - Demonstration of using the `useQuery` hook to fetch data - Features like data, loading status, and error handling provided by React Query out of the box. 07:51 *🔗 React Query Dev Tools* - Introduction to React Query Dev Tools for monitoring data states - Utilizing Dev Tools for debugging and monitoring data fetching in React Query. 14:16 *📤 Mutating Data with React Query* - Explanation of how to use mutations in React Query for sending POST requests - Demonstrating the `useMutation` hook and handling data updates through mutations. 21:51 *🔒 Caching feature of React Query* - Explanation of how caching works in React Query - Invalidation of data to trigger refetch - Functions like on success and on mutate for handling cache invalidation 23:11 *🔄 Invalidation of queries on success* - Using on success function to invalidate queries - Accessing the Query Client API for cache management - Configuring exact option to invalidate specific queries 26:19 *🚦 Handling mutations with React Query* - Exploring functions like on mutate, on error, and on settled - Implementing UI changes based on mutation state - Resetting errors to manage application state 29:24 *🔄 Managing data freshness and staleness* - Explanation of stale, fresh, and cache concepts in React Query - Configuring stale time and GC time for data management - Demonstrating the impact of stale and fresh data on API requests 32:06 *📄 Implementing pagination with React Query* - Setting up pagination buttons in the UI - Updating the page state for fetching specific pages - Managing data caching and automatic query invalidation for pagination Made with HARPA AI
@VeshalRaj-fk4ky 6 ай бұрын
do we need axios if we are using react query for fetching and posting some data in the server?
@RoadsideCoder 6 ай бұрын
nope, its optional
@saiharshapingali7577 6 ай бұрын
@@RoadsideCoder bro what is the difference between Redux and React Query ?
@mdsafikulislam9113 6 ай бұрын
Which VS Code extension are you using for auto completing?
@RoadsideCoder 6 ай бұрын
Its inbuilt
@mdsafikulislam9113 6 ай бұрын
@@RoadsideCoder Thanks.
@RajGupta-cu9hi 6 ай бұрын
In React query 5 how to use onSuccess
@sdfsfsfd437 6 ай бұрын
¡Awesome video!
@RoadsideCoder 6 ай бұрын
Thanks!
@Lucifer-xt7un 6 ай бұрын
@@RoadsideCoder you said you will be coming with course in 1st week of feb may i know its status please
@hardiknaik7444 6 ай бұрын
Please make video on framer motion
@krishnaagarwal7934 6 ай бұрын
Can we have videos on typescript
@yourlinuxguy 4 ай бұрын
Data fetching nhi kind of state management h ye to
@TheViral_fyp 6 ай бұрын
Bhai live aao this Sunday!!❤
@vignesha8619 6 ай бұрын
pls make to build chatBot using MERN stack
@rahul191jain 6 ай бұрын
How can we use useQuery to call an api on certain action like button click or probably conditionly as usequery is a hook so I am sure we can not or should not use it conditionally. Or I am missing anything here.
@RoadsideCoder 6 ай бұрын
Can you give me an example on what type of query u wanna fetch? Because generally you will have a separate component for that which will mount and trigger its own query.
@RoadsideCoder 6 ай бұрын
Also, you can use states like the "page" example that i showed you, when page variable changes the query gets triggered
@rahul191jain 6 ай бұрын
@@RoadsideCoder There are times where we have parent(container) that handles all api calls and take decision after api call response on which page to go to. Yes I understand there can be multiple ways to handle things, but I believe api calls can be called at any point of time. Probably useQuery can return a function that we can call to actually call the api.
@rahul191jain 6 ай бұрын
@@RoadsideCoder 1 more example can be let's say my first api gives me some data depending on which I need to call other api on same component. I think this is also common use case of get api call
@RoadsideCoder 6 ай бұрын
@@rahul191jain FOr that I mentioned in the end that we have a useQueries hook as well
@rishiraj2548 6 ай бұрын
👍🙏
@stranger_4803 19 күн бұрын
You are a good programmer but not the good teacher
@Crybaby.01 Ай бұрын
7 : 13 why it is consoling 2 time ?
@ronaldchiagozie8317 5 ай бұрын
am i the only one with errors?URIError: URI malformed at decodeURIComponent ()
PedroTech
Рет қаралды 51 М.
RoadsideCoder
Рет қаралды 37 М.