/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

1 vote100 views2 answers
React native choose simulator
Javascript React
1 vote109 views1 answer
Get children react
Javascript React
0 vote113 views1 answer
Chinese icon in react native vector icons
Javascript React
0 vote178 views1 answer
./node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.js
Javascript React
7 votes103 views2 answers
Input type password react native
Javascript React
0 vote103 views1 answer
React native undedined map
Javascript React
1 vote99 views1 answer
Node js and react js difference
Javascript React
1 vote107 views1 answer
How to map objects in react native
Javascript React
0 vote100 views1 answer
Relative width and height image react native
Javascript React
9 votes147 views2 answers
Html emmet in react vscode
Javascript React