Preguntas sobre manejo de API

¿Qué método de fetch te permite manejar errores HTTP correctamente?

• Todas las anteriores

• { method: 'POST', body: JSON.stringify(data), headers: { 'Content-Type': 'application/json' } }

• Ambas A y B

• response.ok

• response.json()

Answer explanation

La opción correcta es 'response.json()' porque permite manejar la respuesta JSON de manera adecuada, incluyendo la gestión de errores HTTP. 'response.ok' solo verifica el estado, pero no maneja el contenido.

¿Cuál es una ventaja principal de Axios frente a fetch?

• Ambas A y B

• Todas las anteriores

• response.json()

• response.ok

• Parseo automático de JSON

Answer explanation

Una ventaja principal de Axios es el parseo automático de JSON. A diferencia de fetch, que requiere llamar a response.json() para convertir la respuesta, Axios lo hace automáticamente, simplificando el manejo de datos JSON.

¿Qué propiedad del objeto Response debes usar para convertir los datos a JSON?

• response.json()

• response.ok

• Parseo automático de JSON

• Ambas A y B

• Todas las anteriores

Answer explanation

La propiedad correcta para convertir los datos a JSON es response.json(). Esta función permite extraer el cuerpo de la respuesta y convertirlo en un objeto JavaScript. Las otras opciones no son correctas para esta tarea.

¿Qué falta en este fragmento para evitar un error cuando el servidor falla?

• Agregar catch()

• Ambas A y B

• Todas las anteriores

• validar res.ok

• { method: 'POST', body: JSON.stringify(data), headers: { 'Content-Type': 'application/json' } }

Answer explanation

Para manejar errores cuando el servidor falla, es necesario agregar un bloque 'catch()' para capturar excepciones y validar 'res.ok' para verificar si la respuesta fue exitosa. Por lo tanto, la respuesta correcta es 'Ambas A y B'.

¿Cómo se vería una solicitud POST en fetch con datos en el body?

• response.ok

• response.json()

• Ambas A y B

• Parseo automático de JSON

• { method: 'POST', body: JSON.stringify(data), headers: { 'Content-Type': 'application/json' } }

Answer explanation

La opción correcta es la que muestra cómo se configura una solicitud POST en fetch. Incluye el método 'POST', el cuerpo con los datos convertidos a JSON y los encabezados necesarios para indicar el tipo de contenido.

¿Qué opción es válida para capturar errores usando async/await con Axios?

• Estado “cargando...”

• Todas las anteriores

• error.response

• error.message

• error.status

Answer explanation

La opción correcta es 'Todas las anteriores' porque al capturar errores con async/await y Axios, se pueden utilizar 'error.response', 'error.message' y 'error.status' para manejar diferentes aspectos del error.

En la mini-app del Pokémon, ¿cuál es un estado esencial que debes manejar?

• Estado “cargando...”

• Mejora la modularidad y la reutilización

• Usar variables de entorno y/o proxy seguro

• Cuando las peticiones son independientes y pueden ejecutarse en paralelo

Answer explanation

El estado 'cargando...' es esencial en la mini-app del Pokémon porque indica al usuario que la aplicación está procesando información, mejorando la experiencia de usuario al gestionar la espera de manera efectiva.

¿Por qué es importante separar la lógica de API en un archivo api.js?

• Estado “cargando...”

• Mejora la modularidad y la reutilización

• Usar variables de entorno y/o proxy seguro

• Cuando las peticiones son independientes y pueden ejecutarse en paralelo

Answer explanation

Separar la lógica de API en un archivo api.js mejora la modularidad y la reutilización del código, facilitando su mantenimiento y permitiendo que diferentes partes de la aplicación accedan a la misma lógica sin duplicación.

¿Qué práctica es crítica al trabajar con claves API en el front?

• Usar variables de entorno y/o proxy seguro

• Cuando las peticiones son independientes y pueden ejecutarse en paralelo

Answer explanation

Usar variables de entorno y/o un proxy seguro es crítico para proteger las claves API en el front, ya que evita exponerlas directamente en el código, reduciendo el riesgo de que sean comprometidas.

¿Cuándo conviene usar Promise.all() en lugar de encadenar promesas?

Answer explanation

Conviene usar Promise.all() cuando necesitas ejecutar múltiples promesas en paralelo y esperar a que todas se resuelvan. Encadenar promesas es útil cuando cada promesa depende del resultado de la anterior.