Peticiones con fetch + then

El salto moderno

fetch es la API moderna del navegador para HTTP. Devuelve una promesa, por eso se integra natural con .then().

Flujo base

Qué pasa aquí:

1. fetch pide el recurso
2. response.json() convierte el cuerpo a objeto
3. el segundo then recibe datos listos

Error común

Olvidar response.json() y tratar response como si ya fuese el personaje. response es el objeto de respuesta HTTP, no el JSON final.

Idea de diseño

Cada then debería tener responsabilidad clara:

• primer then: transformar respuesta
• siguiente then: usar datos

Eso mejora legibilidad del flujo.

Tu desafío 🚀

1. Haz fetch al endpoint de personaje 1
2. Usa response.json()
3. En otro then, usa data.name
4. Muestra el resultado en consola o en #salida

Con fetch + then ya puedes construir interfaces que consumen datos reales.