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 vote404 views1 answer
React js usehistory push and pass props
Javascript React
0 vote376 views1 answer
How to disable react in jsx scope eslint
Javascript React
0 vote353 views1 answer
Close button react
Javascript React
0 vote324 views1 answer
Eslint version check in react
Javascript React
7 votes359 views2 answers
How to import js via script in react
Javascript React
1 vote360 views1 answer
How to detect onend reach of scrollview in react native
Javascript React
6 votes363 views1 answer
React native rotate
Javascript React
1 vote366 views2 answers
History react router
Javascript React
1 vote369 views1 answer
React redux actions must be plain objects
Javascript React
2 votes371 views1 answer
React onclick type
Javascript React