How can I use react-spring for animations in my React app?

How can I use react-spring for animations in my React app?

You can use react-spring by installing it via npm and then importing it into your components. Would you like a code example?

Yes, please provide a simple example.

Sure! Here's a basic example:

import { useSpring, animated } from 'react-spring';

const MyComponent = () => {
  const props = useSpring({ opacity: 1, from: { opacity: 0 }});
  return <animated.div style={props}>I will fade in</animated.div>;
};

This will create a fading effect when the component mounts.

What other animations can I create with react-spring?

You can create various animations like scaling, rotating, and translating elements. It also supports gestures and transitions!