Componentes asíncronos

¿Qué te ha parecido? ¿Conocías keep-alive? ¿Lo has usado alguna vez? Para mí esta es de las mejores clases del curso.

Interesante lo del keep-alive, pero entonces me viene a la mente una duda:

Estamos encerrando TODO el componente en un keep alive, ¿Eso significa que no se volverá a cargar nunca más? (Hasta que recarguemos la página obviamente)

Si ese es el caso, entonces no podría refrescar los datos cada vez que cambie de componente ya que sus hooks no se ejecutarían porque ya estarían cargados, y algo que me gusta de Vue es que al volver a cargar el componente puedo refrescar sus datos

Justo cuando pensaba que este curso y Vue no me podrían sorprender más, aparece esta súper clase! Siento que el profe me ha transmitido mucho conocimiento y pasión por Vue. Si lees, gracias Jorge Baumann!

Con Vue3 tuve varios errores y no entendía el porque, luego revisé la documentación y para componentes asíncronos se cargan así:

import { defineAsyncComponent } from 'vue'
.
.
.
components: {
    ActiveSkills: defineAsyncComponent(() =>
      import(/* webpackChunkName: "ActiveSkills" */ './ActiveSkills'),
    ),
    PassiveSkills: defineAsyncComponent(() =>
      import(/* webpackChunkName: "PassiveSkills" */ './PassiveSkills'),
    ),
  },

Con eso ya funciona como el ejemplo de la clase.

Lo que más amo de Vue es su simpleza para lograr cosas complejas, aprendí muchas cosas super útiles en esta clase.

Que interesante va todo el curso🤩 estoy ansiosa por terminar

Excelente clase del curso, voy a investigar más sobre keep alive porque tengo varias dudas sobre si vuelve a hacer peticiones o no al server cuando necesite refrescar los datos.

Cuando realize el ejercicio note que no se piden de nuevo las imagenes por que quedan en cache, lo probe con Mozilla y Chrome aunque me parecio muy interesate keep alive.

Esta clase estuvo super emocionante !

No tenia idea del poder que Lazy Loading con un Keep-alive nos podría brindar en el rendimiento de nuestra aplicación con Vue, genial 🤯

Genial 🤯

Ya me habia tocado trabajar con Keep-Alive, tenia un componente con un render de un Mapbox que se podia ocultar, y recargaba todo el componente cuando lo mostraba de nuevo, muy pesado estar solicitando mapas cada momento!
Gran forma de produndizarlo…👍👍

Pregunta acerca del juego, Los Skills pasivos no tiene Runas? trato de a los Skills pasivos pintarles las rrunas con su nombre y me sale runas undefined

Siempre que me acerco a Vue.js no deja de sorprenderme con alguna novedad, definitivamente esta fue la gran sorpresa, no tenía ni idea de esta potente característica la cual asumo que con React por ejemplo es posible pero no de una manera tan sencilla.
Saludos compañeros y profesor.

Aunque no he probado React, creo que fue una buena elección elegir Vue, al usarlo con pug, todo queda sencillo, legible, y de rápido desarrollo. Se siente lo mismo que trabajar con Python en el Backend. Un problema? estas sencillas lineas de código y pum, todo listo…💪🏽

Sonará extraño, pero llevo haciendo este curso con React jajaja. En mi investigación para hacer todo lo de esta clase en React he aprendido muchísimo y al parecer no existe algo como keep-alive por lo que opte por simplemente hacer uso de css para ocultar los componentes y de esta manera no cargar las imágenes cada vez que las mostremos, lo malo de hacerlo de esta manera es que ambos componentes se cargan en simultaneo