Update Next 11 a 13, de Locomotive Scroll a Lenis.js y aplicando feedback | FRF #41

[@AnimatiCSS]

Accede al código del proyecto desde aquí! 👉👉 discord.gg/7w5sVbWxda

[@nihil_um]

Este tipo de videos de actualizaciones de paquetes o librerías completas no lo he visto nunca en otros tutoriales y es otra forma de aprender cómo hacerlo, porque podemos encontrarnos con el caso y está muy bien saberlo. Muchas gracias, como siempre, por todo el trabajo que te tomas y nos ahorras. Un saludo.

[@AnimatiCSS]

Hola nihil gracias! Sí, esto es algo muy probable que ocurra en un proyecto como en este caso, ha tocado cambiar de librería y actualizar cosas. Pero lo vamos solventando!

[@TickTickBoom358]

Finalmente, este video me ayudó a resolver un problema de días entre ScrollSmooth de Lenis y GSAP. Muchas gracias maestro. Te ganaste mi like, comentario y subscripción.

[@AnimatiCSS]

Muchas gracias entonces por tu apoyo, un abrazo

[@nihil_um]

Hay un problemita que suelo tener con el tema de la animación del cursor cuando haces hover sobre un elemento al que puedes hacer clic. El problema es cuando pasas de una página a otra. Si en esa nueva página hay nuevos elementos clickeables, el cursor no los detecta porque no estaban pintados cuando se hizo el registro de elementos clickeables al cursor personalizado. Por lo tanto la animación no se produce. La "solución" que vi fue detectar el cambio página (router.asPath) y volver a llamar a la función que registra los nodos clickeables (setNodes) cada vez que esto ocurría, pero mi sorpresa fue que no registraba los nodos de la nueva página sino los nodos de la página anterior y así continuamente. Siempre me detectaba los nodos nuevos cuando salía de la nueva página y no cuando entraba (una cosa rara que seguro que es algo lógico pero no para mi cerebro). Luego no funcionaba. Le dí un millón de vueltas y no he podido saber por qué hace eso y darle solución. Lo que hice fue poner un setTimeout y esperar 500ms antes de llamar a setNodes y entonces sí que me detectaba los nodos de la página donde entraba pero esto es muy tricky y feo aunque funcione. No sé si alguien puede decirme otra forma de conseguirlo. P.D: Lo comentaré en el canal de Discord también. Un saludo.

[@AnimatiCSS]

Hola nihil buena observación! De todas formas en este vídeo he atacado ese mismo fallo, al cambiar de página vuelvo a registrar los eventos de cursor, míratelo y pruébalo si eso solventa tus problemas!

[@sanchez-emir]

Buen video, cuando estará la parte de hacer deploy con los commits?

[@AnimatiCSS]

Hola emir, posiblemente el siguiente, el 42! Un saludo

[@pacopastor5038]

Hola Ricardo, en Chrome va guay pero en Firefox no reacciona bien el scroll.

[@AnimatiCSS]

Hola Paco, vale perfecto lo revisaré a ver

[@AnimatiCSS]

Acabo de revisar y lo veo perfectamente! Que version usas? Si puedes, graba un video navegando y pásamelo por Instagram por mensaje o en el discord de la comunidad. Un saludo!