Aikodev-labs / Ghibli-API-platform

https://ghibli-api-platform.vercel.app
5 stars 0 forks source link

GA-039 (FE) Resolver bug de renderizado temprano #46

Open joshuacba08 opened 1 year ago

joshuacba08 commented 1 year ago

User Story

Como usuario, quiero que el componente que actualmente se carga primero en la página de React JS se cargue por último, de manera que pueda experimentar el efecto de animación proporcionado por la librería AOS de manera adecuada y sin interrupciones.

Criterios de aceptación:

Acciones sugeridas para abordar el problema:

  1. Identificar el componente problemático y su relación con los otros componentes en la estructura de la página.
  2. Revisar el orden de carga y renderizado de los componentes para determinar cómo y por qué el componente problemático se carga primero.
  3. Evaluar las dependencias y las secuencias de carga de los componentes para asegurarse de que el componente problemático se cargue después de los demás componentes.
  4. Ajustar la estructura y la secuencia de carga de los componentes para que el componente problemático se cargue por último.
  5. Probar el efecto de animación proporcionado por la librería AOS en el componente después de que se haya corregido el orden de carga.
  6. Si el problema persiste, investigar si existen opciones en la librería AOS para forzar la animación en el componente incluso después de que se haya cargado.
  7. Implementar la solución propuesta y realizar pruebas exhaustivas para garantizar que el componente se cargue correctamente y el efecto de animación se muestre adecuadamente.
  8. Monitorear el rendimiento de la página después de realizar los cambios para asegurarse de que no se hayan introducido nuevos problemas o retrasos en la carga general de la página.