/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

4 votes269 views1 answer
How to creat emmet in react
Javascript React
0 vote238 views1 answer
React createElement interactive button
Javascript React
0 vote226 views1 answer
Undefined is not a function (near '...(0, _reactNative.createStackNavigator)...')
Javascript React
0 vote330 views1 answer
Discord bot remove message reaction
Javascript React
12 votes226 views3 answers
React form hook npm
Javascript React
0 vote277 views1 answer
Mat slider in a reactve form
Javascript React
1 vote284 views1 answer
Module not found reactstrap
Javascript React
0 vote272 views1 answer
React bootstrap button
Javascript React
0 vote282 views1 answer
React hero slider
Javascript React
-1 vote275 views1 answer
What is the use of consrtructors in reactjs
Javascript React