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

1 vote231 views2 answers
'Switch' is not exported from 'react-router-dom'
Javascript React
0 vote232 views1 answer
OAuth with axios react native
Javascript React
0 vote239 views1 answer
Warning React Hook useEffect has a missing dependency:
Javascript React
0 vote238 views1 answer
How to filter data from mongodb date in reactjs
Javascript React
-1 vote230 views2 answers
Toggle on button click in react js functional component
Javascript React
21 votes230 views3 answers
Map function in react
Javascript React
0 vote247 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript React
2 votes225 views2 answers
Video in react native stack overflow
Javascript React
0 vote276 views1 answer
React js input autocomplete off
Javascript React
0 vote246 views2 answers
Remove state from location on page load in react router dom
Javascript React