menu

react-spring

A community dedicated to react-spring

Channels
Team
Posts
Members
Info
Search

Re: 9.0.0-beta.1

Hey fam, anyone aware of what the changes are in this release? No CHANGELOG in the repo.

thumbsup
0
message-simple
1

Debugging interpolation output

I'm trying to interpolate an array and have something like the following. Something appears is going wrong. Is there a way to log the expected output array from intValue? It may also be possible I'm using interpolate incorrectly?

thumbsup
0
message-simple
0

Make modal grow out of button that opened it

What are good options for doing this with react-spring? Are there examples somewhere doing this? I wasn't able to find any :/

thumbsup
0
message-simple
0

Global State with React-Spring

Does anyone have an example of using global state with react-spring? Here's a simple example of what I'm stying to achieve https://codesandbox.io/s/m51oyzz069 When you interact (in this case scrollwheel) on one component, I would like another (the square) to animate accordingly…

thumbsup
0
message-simple
7

useTransition, useChain and conditional rendering

Is there an elegant way to chain animations when you are conditionally rendering between divs? While useChain allows you to chain one animation after another, it doesn't work across conditional renders. I feel like combining useTransition with useRouter offers a partial solution…

thumbsup
0
message-simple
0
Robert·3d

New Library: styled-state-spring

I want to share my weekend project with you. It's a Library that utilizes styled-components, xstate, react-spring and CSS Grids. The idea came from trying to animate grid-template-columns, it grew into a Library to easily style, animate, add state to…

thumbsup
0
message-simple
1
Kossel·5d

what does interpolate do.

I see from example codes like style={{transform: y.interpolate(y => translate3d: ${y}px }} and style={{ transform: interpolate([rot, scale], func) what does it do? what's the difference between x.interpolate() and interpolate()? when should we use that? I couldn't find detail…

thumbsup
2
message-simple
6

Parameter chooser?

When using react-motion I found myself coming back or sending colleagues to https://chenglou.github.io/react-motion/demos/demo5-spring-parameters-chooser/ quite often, made the spring config less opaque, is there something similar for react-sprint already? and or value in…

thumbsup
0
message-simple
1

Drag performance drops when there are > 40 elements in dragged container

I get almost no dropped frames when there are < 30 top-level elements (simple svg's in this case) in the dragged container. But performance degrades quickly > 50, with the handler taking about 120ms on average. On the Chrome performance profiler, I can see that almost all of the…

thumbsup
0
message-simple
2

"export 'Spring' was not found in 'react-spring' ??

Hello, I have a Gatsby website and I'm trying to use react-spring animation. I'm getting this warning message why I try to use Spring? Any idea why? And just for testing I just copy/paste this code https://codesandbox.io/embed/oln44nx8xq and I'm getting the same warning The…

thumbsup
0
message-simple
2