Definición de Fetch

Por medio de Fetch se puede realizar peticiones HTTP asíncronas de JavaScript (JS) con promesas. La API Fetch proporciona una interfaz JS más cómoda para acceder y manipular; fetch() es un método global.

Instalación de Fetch

• Para poder usar fetch, primero tenemos que instalarlo:

  • Ir a la terminal e instalar fetch con: npm i node-fetch.

  • Para poder compilar desde VSC, debemos registrar el módulo en package.json, abrimos el archivo y al final se agrega:

    {
    	"type": "module"
    }
    

Uso de Fetch

Usaremos fetch para traer los productos de una API con una función fetchData.

• Para usar fetch debemos importarlo y asignaremos a una constante API la url de la api.

  import fetch from "node-fetch";
  const API = "<https://api.escuelajs.co/api/v1>";
  

• Crearemos una función fetchData que retorne la función fetch. No es necesario pero para lo hacemos para continuar con esa función.

  function fetchData(urlApi) {
  	return fetch(urlApi);
  }
  

• Ahora usaremos fetchData como si fuera una promesa y le pasaremos la url que nos devolvera los productos.

  fetchData(`${API}/products`)
  	.then(response => response.json())
  	.then(products => console.log(products))
  	.then(() => console.log("Hola"))
  	.catch(err => console.log(err));
  

  <aside> 💡 .json convierte la respuesta a formato json

  </aside>