/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

6 votes91 views2 answers
React-router-dom get current route
Javascript React
4 votes173 views4 answers
Class component react
Javascript React
63 votes168 views3 answers
Concat two arrays in react
Javascript React
-2 votes215 views3 answers
Keyboard dismiss in react native
Javascript React
0 vote172 views1 answer
React router native back button
Javascript React
0 vote159 views1 answer
React regions
Javascript React
-1 vote154 views1 answer
Update text react native
Javascript React
0 vote208 views1 answer
How to solve "Unexpected use of comma operator no-sequences" error in react
Javascript React
0 vote156 views1 answer
How to add base url as src in react native
Javascript React
12 votes149 views2 answers
React native flatlist container style
Javascript React