/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 vote409 views1 answer
Preventdefault not working react
Javascript React
25 votes278 views4 answers
React context
Javascript React
0 vote371 views1 answer
React js averta fonts not working in safari staging deployement
Javascript React
16 votes386 views3 answers
What does the useReducer do in react
Javascript React
10 votes439 views2 answers
Generate random string react
Javascript React
1 vote371 views1 answer
Reactjs javascript is mobile and desktop
Javascript React
0 vote413 views1 answer
Swap scroll right in react native
Javascript React
1 vote374 views1 answer
How to map objects in react native
Javascript React
3 votes397 views2 answers
React get route path
Javascript React
0 vote426 views1 answer
How to upload react js project on server
Javascript React