React gsap

Gsap react

function App() {
  // store a reference to the box div
  const boxRef = useRef();

  // wait until DOM has been rendered
  useEffect(() => {
    gsap.to(boxRef.current, { rotation: "+=360" });
  });
  
  // DOM to render
  return <div className="box" ref={boxRef}>Hello</div>;
}

Source: greensock.com

Gsap react

const el = useRef();
const q = gsap.utils.selector(el);

useEffect(() => {
   // Target ALL descendants with the class of .box
  gsap.to(q(".box"), { x: 100 });
}, []);

-2

Source: greensock.com

Similar codes

0 vote280 views1 answer
Most common use cases of portals in react
Javascript React
0 vote198 views1 answer
Input hook react
Javascript React
14 votes195 views2 answers
Adding border in react native
Javascript React
0 vote219 views3 answers
Set bg image in react
Javascript React
1 vote200 views1 answer
Difference between dom and react dom
Javascript React
0 vote224 views1 answer
How to use rgba in react native
Javascript React
0 vote216 views1 answer
React native dynamic style
Javascript React
8 votes204 views4 answers
Props react
Javascript React
1 vote230 views1 answer
Has been blocked by cors policy react fetch firebase realtime database
Javascript React
108 votes273 views1 answer
How to start react app in windows
Javascript React