/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 vote127 views1 answer
Drawer navigation set width react native
Javascript React
0 vote120 views1 answer
Redirect to another path react
Javascript React
0 vote163 views1 answer
React native make safe view in mobile
Javascript React
0 vote131 views1 answer
React google login button size increase
Javascript React
0 vote121 views1 answer
React chat sheet
Javascript React
0 vote176 views2 answers
React native: how to know th softkey height
Javascript React
2 votes123 views1 answer
Get current screen name react navigation
Javascript React
23 votes121 views2 answers
Create-react-app npm yarn
Javascript React
1 vote153 views2 answers
Switch in react
Javascript React
7 votes120 views2 answers
Br in react native
Javascript React