Obtención de datos y API
fetch API, axios, async/await, manejo de errores, estados de carga, abort controllers
1¿Qué devuelve el método fetch() cuando se lo llama?
¿Qué devuelve el método fetch() cuando se lo llama?
Respuesta
fetch() devuelve una Promise que se resuelve con un objeto Response. A diferencia de axios, fetch no rechaza automáticamente los errores HTTP (como 404 o 500), por lo que es necesario verificar response.ok antes de parsear los datos. Este enfoque brinda más control sobre el manejo de errores, pero requiere una verificación explícita del estado.
2¿Cómo extraer datos JSON de un objeto Response obtenido con fetch()?
¿Cómo extraer datos JSON de un objeto Response obtenido con fetch()?
Respuesta
El objeto Response tiene un método json() que devuelve una Promise que se resuelve con los datos parseados. Este método es asíncrono porque lee el cuerpo de la respuesta de forma progresiva. Es importante verificar primero response.ok antes de llamar a json() para asegurarse de que la solicitud fue exitosa.
3¿Qué propiedad del objeto Response permite verificar si la solicitud HTTP fue exitosa?
¿Qué propiedad del objeto Response permite verificar si la solicitud HTTP fue exitosa?
Respuesta
La propiedad response.ok devuelve true si el código de estado HTTP está entre 200 y 299, indicando una respuesta exitosa. Esta propiedad es esencial porque fetch() no rechaza automáticamente los errores HTTP, a diferencia de axios. Verificar response.ok antes de procesar los datos es una buena práctica para evitar parsear respuestas de error.
¿Qué palabra clave permite esperar la resolución de una Promise de manera síncrona en una función async?
¿En qué orden deben llamarse los siguientes métodos durante un fetch(): json(), then(), catch()?
+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
React Query (TanStack Query)
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