Obteniendo una respuesta del servidor con Axios

Clase 29 de 46 • Curso Definitivo de JavaScript 2016

Contenido del curso

Bienvenidos

1
¿Qué necesito para tomar el curso?
00:10 min

Materiales

2
Descarga el código del proyecto
00:10 min

Conceptos Básicos

Construyendo nuestro proyecto

Conclusiones

Sesiones en Vivo

Complementos del curso

Tomar examen

Comentarios

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

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

Obteniendo una respuesta del servidor con Axios

Bienvenidos

¿Qué necesito para tomar el curso?

Materiales

Descarga el código del proyecto

Conceptos Básicos

Bienvenidos al curso de definitivo de JavaScript

¿Por qué JavaScript?

Construyendo nuestro proyecto

Construyendo la primer página de Platzigram

Introducción a Node.js y Npm

Inicializando nuestro proyecto con Npm

¿Qué son los gestores de paquetes?

Package bundling con gulp y sass

Agregando vistas con Pug

Sirviendo archivos estáticos con Express

Organizando nuestros assets y agregando un favicon

Fix para agregar JavaScript en el cliente

Agregando JavaScript en el cliente

Agregando navegación con Page.js

Automatizando el build

Agregando interfaces de usuario con Yo-yo

Modularizando nuestro proyecto

Agregando la página de /signin

Cambiando el título de la página

Agregando un timeline para los usuarios

Agregando las imágenes de los usuarios al timeline

Agregando la funcionalidad de like

Agregando la fecha de publicación

Utilizando FormatJS para internacionalizar las fechas

Utilizando FormatJS para internacionalizar los textos

Cambiando el idioma y almacenándolo en localStorage

Obteniendo una respuesta del servidor con Superagent