/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

8 votes262 views2 answers
Useref in react typescrpt
Javascript React
1 vote289 views2 answers
React state not updating immediately
Javascript React
0 vote307 views1 answer
React native pure component vs component
Javascript React
0 vote317 views1 answer
Number format reactjs
Javascript React
1 vote314 views1 answer
How to call create react app
Javascript React
-3 votes323 views2 answers
Generate android folder in react native
Javascript React
1 vote303 views1 answer
React center a text
Javascript React
17 votes348 views5 answers
How to make apk react native
Javascript React
0 vote308 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React
0 vote321 views1 answer
React-native-image-viewing
Javascript React