/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 vote249 views1 answer
Htaccess to deploy react app to cpanel
Javascript React
-2 votes202 views1 answer
<Link> react import
Javascript React
2 votes217 views1 answer
React promises
Javascript React
0 vote216 views1 answer
Easy REACT download image
Javascript React
0 vote221 views1 answer
React native textinput lowercase
Javascript React
2 votes225 views1 answer
Best react native ui library
Javascript React
1 vote220 views1 answer
How to share file from react native
Javascript React
-1 vote224 views1 answer
Animation react native npm
Javascript React
1 vote208 views1 answer
Node js and react js difference
Javascript React
0 vote217 views1 answer
Reactstrap form post
Javascript React