🖖 Inicio

SERVICIOS

Salir

nochedía

Programar una alternativa a NProgress con Gatsby

100 palabras
1 minutos
May 19, 2020
cursosgatsbycss

NProgress

La librería nprogress nos permite emular el efecto que en su día ciertos sitios punteros (Google, YouTube, Medium) desarrollaron, que no es más que un elemento gráfico que nos da una respuesta cuando la transición entre páginas es demasiado lenta

Con Gatsby, las transiciones pueden ser tan rápidas que estos elementos gráficos también son útiles a la inversa, esto es, para mostrar que ha habido un cambio en la página

Bien

En este curso lo que haremos será

  • Implementar nuestra propia alternativa (aplicada a Gatsby)
  • Ver qué problemas nos encontramos y cómo los solucionamos
  • Y aprender en todo el proceso

Y como una imágen vale más que mil palabras, aquí te dejo un gif animado para que veas el resultado final

Empezar
  1. Implementación en Gatsby
    • Reformulando nprogress
      • Css
        • Construyendo un hook
          • Añadiendo el elemento
            • Modificando el DOM
              • Afinando la estética

                Newsletter de kuworking, un correo de tanto en cuanto

                Quizá te interese

                Privacidad
                by kuworking.com
                [ 2020 >> kuworking ]