/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

20 votes338 views6 answers
Useeffect react example
Javascript React
0 vote337 views1 answer
Onclick hold react
Javascript React
0 vote350 views1 answer
React native navigation paramlist never used
Javascript React
1 vote368 views1 answer
Axios upload progress react
Javascript React
7 votes329 views2 answers
Br in react native
Javascript React
1 vote365 views1 answer
React repeat
Javascript React
0 vote345 views1 answer
React router not working with aws amplify
Javascript React
64 votes371 views7 answers
React router
Javascript React
0 vote344 views2 answers
React arrow function component
Javascript React
2 votes526 views2 answers
Select option in reactive forms
Javascript React