Saltar contenido

Las promesas

BellJs ahora es compatible con promesas, esto quiere decir que puedes mostrar un diseño de carga mientras cargas una peticion de una promesa.

Para usar los promesas en Bell solo tienes que usar el metodo promises de dicha instancia. Veamos un ejemplo:

Lo primero que hacemos es crear una promesa en JavaScript y los estados que tendra la promesa los cuales son: pending, success y error.

const promise = new Promise((resolve,reject) =>{
setTimeout(()=>{
resolve()
},10000)
})
const state = {
pending:"Promesa pendiente",
success:"Promesa resuelta",
error:"Promesa erronea"
}

Luego creamos una instancia de Bell, le pasamos un title que nos servira como placeholder y el tipo promise.

const bell = new Bell({
title: "Placeholder"
},"promise")

Por ultimos usamos el metodo promise y le pasamos por parametros los estados y la promesa:

bell.promise(promise, state)

Y listo ya puedes usar las promesas en BellJs con fetch u otros.