⚙️Fetch wrapper

Un fetch wrapper es una clase que envuelve la API de fetch para adaptarse a un escenario específico, como cuando trabajamos con:

• 🔗 La misma API: Misma URL base pero diferentes endpoints.

• 📄 Una API JSON: Una API que siempre devuelve JSON.

Al usar un fetch wrapper, reducimos la repetición en código. Ejemplo de una API con los siguientes endpoints:

• GET /notifications/new.json

• GET /chapters/all.json+

🤔 Sin fetch wrapper:

fetch(`https://jsdemo-3f387-default-rtdb.europe-west1.firebasedatabase.app/notifications/new.json`)
  .then(response => response.json())
  .then(data => console.log(data));

fetch(`https://jsdemo-3f387-default-rtdb.europe-west1.firebasedatabase.app/chapters/all.json`)
  .then(response => response.json())
  .then(data => console.log(data));

🎯 Con fetch wrapper:

const API = new FetchWrapper("https://jsdemo-3f387-default-rtdb.europe-west1.firebasedatabase.app");

API.get("/notifications/new.json").then(data => console.log(data));
API.get("/chapters/all.json").then(data => console.log(data));