/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

0 vote380 views1 answer
Import typography react
Javascript React
3 votes354 views1 answer
React data attributes event
Javascript React
0 vote328 views1 answer
Active link color different in react js
Javascript React
0 vote351 views1 answer
Valueof in react native
Javascript React
1 vote374 views2 answers
React native get timezone
Javascript React
1 vote374 views1 answer
How to find the width of outerconatiner in react native
Javascript React
1 vote358 views2 answers
What is reactive method
Javascript React
0 vote344 views1 answer
React native scrollview scrollto()
Javascript React
0 vote363 views1 answer
React js create element
Javascript React
3 votes363 views2 answers
How to get current screen name in react native
Javascript React