/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 vote120 views1 answer
Debug react routes
Javascript React
0 vote100 views1 answer
Remove an item from a component in react
Javascript React
4 votes131 views1 answer
Enable emmit on react
Javascript React
0 vote155 views1 answer
Debug.xcconfig: unable to open file react native
Javascript React
0 vote129 views1 answer
React native Setting a timer for a long period of time
Javascript React
0 vote123 views1 answer
React call component state
Javascript React
14 votes133 views2 answers
React router link with params
Javascript React
31 votes135 views6 answers
React Sass
Javascript React
0 vote130 views1 answer
React inlinle style set background image
Javascript React
69 votes129 views6 answers
React icon
Javascript React