Quiz for React Query

Q1: What is React Query primarily used for?

A. Fetching, caching, and updating server data B. Styling components C. Routing in React D. State management in Redux

Q2: How does React Query improve performance?

A. By caching and deduplicating server requests B. By direct DOM manipulation C. By using local storage D. By using Redux store

Q3: Which hook is used to fetch data in React Query?

A. useQuery B. useFetch C. useEffect D. useState

Q4: What does useQuery return?

A. Status, data, error, and refetch function B. Only data C. Only error D. Only status

Q5: What is the key used for in useQuery?

A. To identify and cache query results B. To set HTTP headers C. To define routes D. To store local state

Q6: How can you refetch data manually in React Query?

A. Using the refetch function returned by useQuery B. By calling setState C. By reloading the page D. By dispatching an action

Q7: What is staleTime in React Query?

A. Duration data is considered fresh before refetch B. Timeout for request C. Cache size limit D. Delay before rendering

Q8: What is cacheTime in React Query?

A. Duration cached data stays before garbage collection B. Time to fetch data C. Delay in UI updates D. Timeout for mutations

Q9: What are mutations in React Query?

A. Operations that modify data on server B. Fetching data C. Routing changes D. Styling updates

Q10: Which hook is used for mutations?

A. useMutation B. useFetch C. useQuery D. useEffect

Q11: Can React Query be used with REST and GraphQL APIs?

A. Yes, it supports any async data source B. No, only REST C. No, only GraphQL D. No, only Firebase

Q12: Does React Query handle background data refreshing?

A. Yes, via refetch intervals B. No, manual only C. Yes, but only with Redux D. No, requires custom code

Q13: How does React Query help with optimistic updates?

A. By updating UI before server response B. By delaying UI updates C. By disabling caching D. By using Redux Saga

Q14: What does the queryClient do?

A. Manages cache and queries globally B. Manages React state C. Handles routing D. Manages styles

Q15: Which component provides context to React Query hooks?

A. QueryClientProvider B. Redux Provider C. Router D. ThemeProvider

Q16: Is React Query suitable for server-side rendering?

A. Yes, supports SSR and hydration B. No, client only C. Only with Redux D. Only for static sites

Q17: How can you cancel a query in React Query?

A. Using the queryClient.cancelQueries method B. By unmounting components C. By clearing local storage D. By dispatching a Redux action

Q18: What is the default caching behavior of React Query?

A. Cache data and keep it fresh based on staleTime B. No caching C. Caches only errors D. Caches only mutations

Q19: Can React Query be used alongside Redux?

A. Yes, they can be used together B. No, mutually exclusive C. Only with middleware D. Only with Redux Saga

Q20: What does the refetchOnWindowFocus option do?

A. Refetches data when window regains focus B. Prevents data fetching C. Caches permanently D. Disables queries