La realización de la práctica ha transcurrido con más problemas de los esperados, lo que ha hecho que nos excedamos en el tiempo estimado. A continuación describimos los principales problemas con los que nos hemos encontrado y cómo los hemos solventado así como los aspectos más relevantes.
El objetivo de la práctica era la migración de los datos a una base de datos local de la que obtener esta información a través de peticiones de tipo GET. La migración se ha podido hacer sin problemas, estos han comenzado a la hora de realizar las peticiones. El procedimiento que hemos seguido para poder familiarizarnos con las solicitudes ha sido construir las peticiones y mostrar la información recibida a través de console.log(). Con esto hemos conseguido entender el formato con el que teníamos que trabajar, este ha sido similar al obtenido en las anteriores prácticas.
Una vez teníamos la información, sólo quedaba trabajar con ella en los diversos render(), es aquí cuando hemos obtenido numerosos errores. Tras varios intentos de localización del error, hemos sido conscientes que el problema no estaba en el código sino en los tiempos de espera de esta consulta. Estas peticiones no eran bloqueantes, por lo que el código seguía corriendo aún sin tener información asociada a las variables. Esto lo hemos conseguido solventar incluyendo una variable loading de tipo booleana. Si esta variable estaba a TRUE, el return del render será un Cargando, mientras que si la variable es FALSE, querrá decir que ya tenemos los datos disponibles por lo que se puede trabajar con normalidad.
Otro problema que hemos enfrentado han sido los excesivos tiempos de espera en las consultas. En algunos ficheros se deben procesar más de una consulta por lo que encadenar estas nos suponía tiempos muy elevados. Esto lo hemos solucionado con la instalación de la librería axios, que nos ha permitido realizar consultas simultáneas, reduciendo así los tiempos de espera de forma considerable.
Duración estimada: 1'5 horas Duración real: 2 horas
La realización de la práctica ha transcurrido con más problemas de los esperados, lo que ha hecho que nos excedamos en el tiempo estimado. A continuación describimos los principales problemas con los que nos hemos encontrado y cómo los hemos solventado así como los aspectos más relevantes.
El objetivo de la práctica era la migración de los datos a una base de datos local de la que obtener esta información a través de peticiones de tipo GET. La migración se ha podido hacer sin problemas, estos han comenzado a la hora de realizar las peticiones. El procedimiento que hemos seguido para poder familiarizarnos con las solicitudes ha sido construir las peticiones y mostrar la información recibida a través de console.log(). Con esto hemos conseguido entender el formato con el que teníamos que trabajar, este ha sido similar al obtenido en las anteriores prácticas. Una vez teníamos la información, sólo quedaba trabajar con ella en los diversos render(), es aquí cuando hemos obtenido numerosos errores. Tras varios intentos de localización del error, hemos sido conscientes que el problema no estaba en el código sino en los tiempos de espera de esta consulta. Estas peticiones no eran bloqueantes, por lo que el código seguía corriendo aún sin tener información asociada a las variables. Esto lo hemos conseguido solventar incluyendo una variable loading de tipo booleana. Si esta variable estaba a TRUE, el return del render será un Cargando, mientras que si la variable es FALSE, querrá decir que ya tenemos los datos disponibles por lo que se puede trabajar con normalidad. Otro problema que hemos enfrentado han sido los excesivos tiempos de espera en las consultas. En algunos ficheros se deben procesar más de una consulta por lo que encadenar estas nos suponía tiempos muy elevados. Esto lo hemos solucionado con la instalación de la librería axios, que nos ha permitido realizar consultas simultáneas, reduciendo así los tiempos de espera de forma considerable.