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

73 votes341 views7 answers
React icons
Javascript React
17 votes352 views5 answers
React native icons
Javascript React
3 votes311 views1 answer
React tooltip data-tip
Javascript React
0 vote484 views1 answer
Handling props in functional components reactjs ijnterview questions
Javascript React
0 vote363 views3 answers
Get url parameter in react js
Javascript React
0 vote359 views1 answer
FAILURE: Build failed with an exception react native android
Javascript React
3 votes340 views3 answers
Async await class component react
Javascript React
0 vote356 views1 answer
${product} meaning in react js
Javascript React
0 vote332 views1 answer
React array if id is present do not add element
Javascript React
0 vote374 views1 answer
Loading react circular progress
Javascript React