/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 vote205 views1 answer
Preventive vs reactive
Javascript React
0 vote219 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
1 vote259 views1 answer
React material ui classname
Javascript React
0 vote217 views1 answer
Reactnative print in ios
Javascript React
0 vote256 views1 answer
Props with ternary in react
Javascript React
14 votes209 views4 answers
Conditional classname prop react
Javascript React
0 vote215 views1 answer
Module not found: Can't resolve 'jquery' in react
Javascript React
0 vote198 views1 answer
React tooltip doesn't work
Javascript React
18 votes225 views3 answers
React detect enter key
Javascript React
2 votes210 views1 answer
Lifecycles if reactjs
Javascript React