menu
Channels
Team
Posts
Members
Info

animation with coordinates.

Hi, guys. I am currently making some animation with coordinates. I have a coordinates array const coords = [{x:0, y:0}, {x: 1, y: 2},..., {x:50, y:100},{x:51,y:98} ... {x:100, y:0}] // its length is 200 and it is a quadratic coords …

thumbsup
0
message-simple
0

Hi All! I'm a newby and need help. Somebody can help me to change this is…

thumbsup
0
message-simple
0

Is it possible to ignore `trail` property for leave state in useTransition?

I have a transition with a trail of 250ms, but sometimes all items are removed which I would like to happen without the delay. Is this possible? I guess I'm looking for something like the function for individual keys that exist for some other props like config for example.

thumbsup
2
message-simple
3

react-spring examples

I started a list of simple examples of react-spring for anyone getting started. Let me know if you are after anything specific and I'll add it. https://bradwoods.io/guides/react-spring

thumbsup
5
message-simple
5

How can we apply style after animation?

I want to add display: none after the animation is completed. Is there any API to do this? I am toggling the opacity of the element but the element is still clickable. The only way to fix this is to add display: none.

thumbsup
0
message-simple
4

Use Gesture getting stuck after few swipes

I am trying to create a project with react-use-gesture and react-spring. Swipe movement is getting stuck after few swipes in desktop and I am not able to debug the issue. Works perfectly in mobile but movement is not updated in desktop …

thumbsup
0
message-simple
18

Performance problem with too many items

Has anyone faced a performance problem with [Violation] 'requestAnimationFrame' handler took <N>ms ? I am trying to make an Accordion component that animates Collapse which is one of its compound component that uses a useSpring hook for example const collapse = useSpring({…

thumbsup
0
message-simple
0

How to `useTransition` from height: ref.offsetHeight?

I've been tinkering around with a toast system where notifications transition from their starting height to height 0 on leave. AFAIK auto isn't supported on v9 as well, so I tried to implement something along the lines of the notification-hub example. But when adding new…

thumbsup
0
message-simple
1

How to make react-spring work with material ui slider? e.g. animate(Slider)

Hi! I want to animate the slider's position via useSpring but It seems that it is not animating. here is my sandbox: https://codesandbox.io/s/react-spring-animated-custom-components-e1gfu?file=/src/index.js

thumbsup
0
message-simple
0

Can react-spring's parallax stack together?

In example <Layout> <Parallax …

thumbsup
0
message-simple
4