Скачать или смотреть React Query Course #3 | Parallel and dependent Queries | Beginner to Pro | Hindi | Anuj Singla

React query helps to fetch the data from the server. It makes fetching, caching, synchronizing, and updating server state in the application.
It works well out of the box, with zero configuration, and can be customized as per requirement.

React Query Course #3 | Parallel and dependent Queries | Beginner to Pro | Hindi | Anuj Singla

⏰ Timecodes ⏰
0:00 Introduction
0:57 What is Parallel Query
2:07 What is Dependent Query
4:17 Example
10:17 Conclusion

Parallel and dependent queries:
Parallel query means making multiple calls at the same time.
Sometimes we need to make multiple calls at the same time like fetching metadata
or comments, and user information at the same time.
We can do it easily.
There are different ways to do it:
Make API call with multiple useQuery same as we make single useQuery call

const result1 = useQuery(
["key1"], fetchUserDetailsWithQueryKey
);
const result2 = useQuery(
["key2"], fetchUserDetailsWithQueryKey
);

Combine multiple API calls into a single query with Promise.all helper.

function getData() {
return Promise.all([
fetch(`url1`)
.then((res) = res.json()),
fetch(`url2`)
.then((res) = res.json())
]);
}

const result = useQuery(
["key1"], () = getData());

const [data1, data2] = result.data;

useQueries hook to make API call. It accept an array of query options
and returns an array of query results.

https://react-query.tanstack.com/refe...


Dependent Queries:
Dependent query means one query is dependent on another query result.
Example: blog comment is dependent on blog details.
We will first fetch blog details and then fetch blog comments. one query
is dependent on another query.
We can control this with the help of "enabled" configuration.
React query accept multiple configuration and it will help us to control
the query.
https://react-query.tanstack.com/refe...

Support my channel:
https://www.buymeacoffee.com/anujsingla

(Free Courses)
React course :- https://bit.ly/3qXnSYU
Javascript course :- https://bit.ly/3qYCG9u
Typescript course :- https://bit.ly/3qY9Fe6
Frontend Interview Questions and Answer -    • Frontend Interview Questions and Answer  
HTML Tutorial for Beginners to advance -    • HTML Tutorial for Beginners to advance  
NPM -    • NPM  
Remix run React framework Tutorial in Hindi -    • Remix run React framework Tutorial in Hindi  

(Social Media Links)
Twitter :   / singla387  
Facebook page : https://bit.ly/3nZlyyx
Telegram : https://bit.ly/3nX2v8f
LinkedIn : https://bit.ly/3rIMt2A



About Me:-
I am Anuj Singla, and working as a Principal Software Engineer at Redhat. At Redhat, I spend most of my days writing code. I am working on different technologies like React, Angular, JavaScript, NodeJs, and Typescript. I want to teach web development to everybody. I am also handling meetup events for Remix India Online - https://www.meetup.com/remix-india-on...

Tags :-
#framework #react #anujsingla #typescript #hindi #html #css