/Javascript/React/React spring transition animations

React spring transition animations

const [items, set] = useState([...])
const transitions = useTransition(items, item => item.key, {
from: { transform: 'translate3d(0,-40px,0)' },
enter: { transform: 'translate3d(0,0px,0)' },
leave: { transform: 'translate3d(0,-40px,0)' },
})
return transitions.map(({ item, props, key }) =>
<animated.div key={key} style={props}>{item.text}</animated.div>
)

-2

Source: react-spring.io

Similar codes

-1 vote330 views2 answers
How to validate date in react
Javascript React
1 vote353 views1 answer
React lottie player on hover
Javascript React
0 vote331 views1 answer
React native showing double header stack and drawer menu
Javascript React
0 vote367 views1 answer
Preventdefault not working react
Javascript React
8 votes340 views1 answer
React.Fragmen
Javascript React
0 vote321 views1 answer
How to implement certain actions after setstate in react hooks
Javascript React
0 vote300 views1 answer
Keyboard avoidance view not working on react native
Javascript React
1 vote322 views1 answer
React spread operator
Javascript React
0 vote380 views1 answer
React native app slow lagging image
Javascript React
142 votes548 views5 answers
Install react
Javascript React