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 vote204 views1 answer
React-native-infinite-scroll-with-flatlist
Javascript React
0 vote189 views1 answer
React router dom default params
Javascript React
-1 vote210 views1 answer
Command not found:create-react-app
Javascript React
0 vote181 views1 answer
Sort by attribute in reactjs
Javascript React
64 votes233 views7 answers
React router
Javascript React
0 vote214 views1 answer
React steam auth
Javascript React
0 vote206 views1 answer
How to download an mp3 file in react native
Javascript React
40 votes196 views5 answers
Fetch react
Javascript React
0 vote198 views3 answers
Link react router dom
Javascript React
66 votes181 views4 answers
How to redirect to a website in react
Javascript React