Pasos siguientes: API & Promises

Ya hemos visto cómo hacer una petición haciendo uso de fetch para cargar datos de manera asíncrona. En este curso, como se trata de un curso frontend en el que aprendemos “VueJS” en su versión 3, no estamos desarrollando una API porque eso es un tema backend. Pero si estás interesado en ello, junto a esta lección encontrarás material relacionado para que puedas aprender a desarrollar una API desde cero con Laravel. Asimismo, voy a dejarte material relacionado donde explico cómo usar fetch para consumir una API pública, ósea, no un recurso json que está definido de manera local, sino más bien una API externa, pero que es libre y de acceso gratuito para que la puedas consumir. Siguiendo la misma idea, como probablemente estés interesado en postular como: Vue Developer, voy a adjuntar a esta lección un vídeo en el que desarrollo un ejercicio de postulación como Full-stack Developer. Es un vídeo súper corto para que veas que tipo de preguntas se pueden hacer mientras postulas a un trabajo de desarrollo como Vue 3 Developer. Recuerdo que ante cualquier duda que tengas, de todas formas, puedes consultarme a través de la sección de preguntas y pespuestas. Todas las dudas son bienvenidas, ya sea sobre algún tema en particular o si buscas alguna recomendación sobre qué continuar aprendiendo. Es común que las aplicaciones “frontend” se comuniquen con un “backend” haciendo peticiones a una API. Por ejemplo, aquí para “fetchProducts” nosotros usamos fetch, pero existen otras alternativas también para hacer peticiones. Existen bibliotecas como Axios, por ejemplo, que permiten hacer lo mismo y muchas de estas bibliotecas trabajan con promesas. Probablemente te hayas preguntado ¿qué significa esto de “then”? Por qué luego de que “fetch” se resuelve, tenemos por aquí un “then” y nuevamente otro “then”. Este método then nos permite responder ante la respuesta de una promesa, las promesas son un tema específico de JavaScript y no tiene relación directa con Vue. Los frameworks frontend como: Vue, React, Angular... hacen uso de promesas. Hacen uso de “fetch”, pero estas son APIs que están disponibles en el lenguaje de JavaScript como tal. Es importante que conozcas estos temas, por lo tanto, también voy a dejarte en los recursos enlaces para que aprendas más sobre promesas y peticiones asíncronas en general. Como repito, cualquier duda que tengas sobre estos temas es bienvenida.

¡Suscríbete y continúa aprendiendo!

Pasos siguientes: API & Promises