Obteniendo una respuesta del servidor con Axios

Clase 29 de 46 • Curso Definitivo de JavaScript 2016

Clase anteriorSiguiente clase

Resumen

Archivos: https://github.com/platzi/curso-definitivo-javascript/blob/master/platzigram-24b.rar?raw=true

Miguel Rivas

student•

Promesas:

Una Promesa en JavaScript, es un objeto que sirve para reservar el resultado de una operación futura.

Este resultado llega a través de una operación asíncrona como puede ser una petición HTTP o una lectura de ficheros, que son operaciones no instantáneas, que requieren un tiempo, aunque sea pequeño, para ejecutarse y finalizar.

Reinaldo Mendoza

student•

Excelente definicion

JUAN PABLO GOMEZ GONZALEZ

student•

Importante, no olvidar para usar el middleware loadPicturesAxios, se debe cambiar en el index.js de homepage:

page('/', header, loadPictures, function(ctx, next)

Por:

page('/', header, loadPicturesAxios, function(ctx, next)

Saludos

JUAN PABLO GOMEZ GONZALEZ

student•

En el siguiente video se realiza el procedimiento... gracias!!!

Miguel Rivas

student•

buen aporte !

Alejandro Roa

student•

Al fin entendi lo que son promesas xD gracias @slifszyc

Reinaldo Mendoza

student•

Suele pasar

Juan Diego Silva Garcia

student•

Las promesas se crean usando un constructor llamado Promise y pasándole una función que recibe dos parámetros, resolve y reject, que nos permiten indicarle a esta que se resolvió o se rechazó.

Cuando se resuelve la promesa se recibe un .then Cuando todo está bien .then resuelve la promesa y retorna la promesa resuelta y cuando se rechaza un .catch que es cuando la función se rechaza y retorna un error.

Las promesas se utilizan para solucionar el problema de los callback Hells

Enmanuel Jarquin

student•

Las promesas pueden tener 3 estados:

Pending
Full fill
Rejected

Carlos Andrés Millan Satizabal

student•

Pero veo que la función loadPicturesAxios no fue usada en el page de la línea 9. Se le olvido a Sacha.

Jhonatan Ferney Ospina

student•

Que genial lo de las promesas y sirve mucho axios, genial todo lo que se aprende en este curso!!

Edgar Omar Soto Escamilla

company_admin•

Bueno y cuál es la diferencia entre la librería Superagent y Axios?
Cuales son las ventajas y desventajas una respecto a la otra?

Sebastian Diaz

student•

Las dos sirven para hacer peticiones http al servidor, una se basa en callbacks (superAgent) y la otra en promises (Axios), recuerda que las promesas se usan para evitar el “callback hell” , esto lo puedes mirar mas a fondo en el curso de fundamentos de Js 😄

CRISTIAN DAVID VILLOTA JACOME Villota J

student•

Como paso un token en el header con Axios?

Evert Escalante

student•

Estupenda clase axios parece muy útil, me hubiese gustado que fuese un poco mas larga y con mas ejemplos

Nicolas Alejandro Herrera

student•

Cual es la cantidad de anidamiento de promesas aceptable, para mantener el rendimiento??

Se produce sobrecarga????

Edgardo T

student•

Hay algo no escrito que es la regla de 3,no mas de 3 niveles, en todo tipo de metodos. No es sobrecarga, se produce sucede que llega un punto en que para el ojo humano es sumamente complicado entender la identación, por lo que se pierde tiempo en verificar la anidación del codigo.

Fabián Veliz

student•

Qué pasaría en caso de que no pudieramos traer la data del servidor porque se nos cortó internet o se cayó el mismo?
Entraríamos en la parte del catch y como el next() está en el .then no seguiría ejecutandose la app.

Qué les parece esta solución:

axios.get('/api/pictures')
    .then(function (pictures) {
      ctx.pictures = pictures.data;
    })
    .catch(function (err) {
      console.error(err);
    })
    .finally(function () {
      next();
    });

Luis Felipe Cardona Florez

student•

de odas formas no hay internet