/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 vote137 views1 answer
2.When will the validation functions be called in the react js
Javascript React
0 vote134 views1 answer
How to write sepearet styles in single line in react native
Javascript React
0 vote171 views1 answer
Paging react mongoose
Javascript React
0 vote137 views1 answer
Render a react component only after API response is received
Javascript React
16 votes150 views3 answers
What does the useReducer do in react
Javascript React
18 votes134 views6 answers
React-native make android apk
Javascript React
0 vote265 views1 answer
Setstate to false after 10 sec react native
Javascript React
5 votes130 views2 answers
React js onclick call two functions
Javascript React
0 vote136 views2 answers
Date format in react js
Javascript React
0 vote122 views1 answer
Key being passed as prop react
Javascript React