No Issues Just Some Queries

[blizve0]

Thankfully no errors for me today,

I just wanted to know if their are some Performance Boost tips possible for this GSAP Cursor Position Setter Animation.
If someone can let me know this is optimal enough or push me in some other direction if not.

See the Pen gOxxYXz by blitzve0 (@blitzve0) on CodePen

[OSUblake]

Hi @blizve0

 

Have you check out our React guides?

 

 

The Imperative Communication section talks about how using React mechanisms, like changing state can be bad for performance as it causes re-renders. I think it would make more sense to put everything inside a single effect...

 

useEffect(() => {
    
    const onMove = ({ x, y }) => {
      gsap.to(".cursor", {
        duration: (i) => 1.8 - i * 0.2,
        stagger: 0.05,
        x, 
        y
      })
    }
    
    window.addEventListener("mousemove", onMove);
    
    return () => window.removeEventListener("mousemove", onMove)    
  }, []);

 

[blizve0]

Oh Ok Means I should set the co-ordinates directly to gsap without using states for exporting cursor data
Sure I'll make the changes Thanks