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

2 votes375 views1 answer
How to align text inside react component
Javascript React
113 votes398 views4 answers
New create react app
Javascript React
1 vote444 views3 answers
React native port
Javascript React
0 vote372 views1 answer
Can't bookmark react router
Javascript React
0 vote410 views1 answer
Center child components in react
Javascript React
0 vote379 views1 answer
React-data-table-component api action button
Javascript React
0 vote376 views1 answer
Error React Hook "useStaticQuery" is called in function
Javascript React
0 vote424 views1 answer
React native stylesheet shortcut
Javascript React
0 vote402 views1 answer
Hooks developed by react native
Javascript React
0 vote368 views1 answer
React import useCallBack
Javascript React