React Query Flashcards
What is React Query?
A) Library
B) Framework
C) Programming language
D) Operating system
React Query is a “Library”
What is React Query primarily used for?
Managing server state in React applications.
True or False: React Query automatically caches data fetched from the server.
True.
Fill in the blank: React Query allows you to perform _______ and _______ operations on remote data.
fetching, mutating.
What hook is commonly used to fetch data with React Query?
useQuery.
What is the purpose of the ‘staleTime’ option in React Query?
To define how long data is considered fresh before it is refetched.
Which method would you use to update data on the server in React Query?
useMutation.
What is the default behavior of React Query regarding refetching data on window focus?
It refetches data by default when the window is refocused.
Multiple Choice: Which of the following is NOT a feature of React Query?
A) Caching
B) Synchronization
C) Form validation
D) Background refetching
C) Form validation.
True or False: React Query can be used with any type of data source, not just REST APIs.
True.
What is the primary benefit of using React Query over traditional state management for server state?
It simplifies data fetching, caching, and synchronization, reducing boilerplate code.
How does React Query differ from Redux, Zustand or the Context API (React Context)?
React Query handles “Server state”, while Redux, Zustand, Context API, etc handle “client state”
Whenever we’re dealing with React Query, we’re dealing with “Server changes”. So, the data that comes from a Server will change.
While Redux, Zustand, Context API, etc, handle the UI changes.
True or False: React Query automatically caches data.
True.
Fill in the blank: React Query helps reduce the need for _____ in data fetching.
useEffect.
Which of the following is a benefit of using React Query over useEffect?
A) Simplified data fetching
B) Manual state management
C) Increased boilerplate code
A) Simplified data fetching.
What feature does React Query provide that helps with data synchronization?
Automatic refetching of data.
In what scenario would you prefer React Query over useEffect?
When managing complex server state and caching requirements.
True or False: React Query requires more boilerplate code than useEffect.
False.
What is one of the main advantages of React Query’s caching mechanism?
It reduces the number of network requests.
Short answer: Name a common use case for React Query.
Fetching data from an API.
How does React Query handle background data updates?
It automatically refetches data in the background.
What is the purpose of the ‘staleTime’ option in React Query?
To define how long data is considered fresh before it is refetched.
True or False: React Query can handle pagination and infinite scrolling easily.
True.
What does the useQuery hook return in React Query?
An object containing the current state of the request, including data and loading status.
Fill in the blank: React Query provides built-in _____ for error handling.
error management.
Why is it beneficial to use React Query’s ‘onSuccess’ and ‘onError’ callbacks?
To perform side effects based on the result of the query.
What’s the purpose of the queryKey in React Query?
The queryKey is a “unique identifyer” for the data we cach in our query call.
