React Query (TanStack Query)
useQuery, useMutation, invalidation, cache, refetch, estados de carga/error, optimistic updates, query keys, paginación
1¿Cuál es el rol principal de useQuery en React Query?
¿Cuál es el rol principal de useQuery en React Query?
Respuesta
useQuery es el hook fundamental para obtener datos de solo lectura desde una API o fuente de datos. Gestiona automáticamente el cache, los estados de carga, los errores y las estrategias de refetch. A diferencia de useEffect con fetch, useQuery optimiza el rendimiento evitando solicitudes redundantes gracias a su sistema de cache inteligente.
2¿Qué hook se debe usar para realizar una mutation POST hacia una API?
¿Qué hook se debe usar para realizar una mutation POST hacia una API?
Respuesta
useMutation es el hook dedicado a operaciones de escritura como POST, PUT, PATCH o DELETE. Proporciona callbacks onSuccess, onError y onMutate para gestionar el ciclo de vida de la mutation. A diferencia de useQuery que es para lectura, useMutation no dispara la solicitud automáticamente y requiere una llamada explícita a la función mutate.
3¿Para qué sirve la query key en React Query?
¿Para qué sirve la query key en React Query?
Respuesta
La query key es un identificador único que permite a React Query gestionar el cache y las dependencias entre consultas. Sirve para identificar, invalidar y hacer refetch de consultas específicas. Una query key puede ser un simple string o un array con parámetros dinámicos. Cambiar la query key dispara automáticamente un nuevo fetch, lo que permite gestionar las dependencias de forma declarativa.
¿Qué representa staleTime en la configuración de useQuery?
¿Qué propiedad indica que useQuery está cargando?
+17 preguntas de entrevista
Otros temas de entrevista React / Next.js
Fundamentos de JavaScript
Fundamentos de React
React Hooks
Ciclo de vida de los componentes
React Router
Gestión de estado con Context
Formularios y Controlled Components
Obtención de datos y API
Styling & CSS-in-JS
Fundamentos de Next.js
TypeScript con React
Data Fetching en Next.js
Server Actions de Next.js
Routing y Navegación en Next.js
API Routes de Next.js
Metadata & SEO en Next.js
Middleware y Auth en Next.js
Testing en React
Zustand State Management
Optimización de Rendimiento en React
Error Boundaries & Error Handling
Advanced React Patterns
Características avanzadas de Next.js
Despliegue y Producción de Next.js
Architecture & Design Patterns
React Server Components
Internacionalización de Next.js
React Security & Buenas Prácticas
Domina React / Next.js para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis