/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

-2 votes132 views2 answers
React native text align vertical center
Javascript React
0 vote142 views1 answer
React native unexpected token '<'
Javascript React
0 vote154 views1 answer
Casl react redux
Javascript React
0 vote140 views6 answers
React slick
Javascript React
0 vote180 views1 answer
Render blaze in react
Javascript React
-1 vote132 views1 answer
React localstorage remove item
Javascript React
105 votes176 views1 answer
Install and run react js project...
Javascript React
0 vote149 views1 answer
React native text input number only
Javascript React
0 vote142 views1 answer
How to rerender a page in React when the user clicks the back button
Javascript React
0 vote126 views6 answers
Replace all in react js
Javascript React