/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 vote374 views1 answer
React load script after render
Javascript React
0 vote383 views1 answer
React native communicate with webview
Javascript React
14 votes361 views2 answers
Border react native
Javascript React
0 vote356 views2 answers
React 17 hot reload not working
Javascript React
0 vote349 views1 answer
React should write method in a functional component or outside functional component
Javascript React
1 vote375 views1 answer
React native app crashes without error
Javascript React
144 votes601 views6 answers
How to install react js
Javascript React
14 votes355 views5 answers
React conditional classname
Javascript React
1 vote383 views1 answer
Could not find com.yqritc:android-scalablevideoview:1.0.4 react native video
Javascript React
0 vote391 views1 answer
React style css image
Javascript React