React-spring: Why is the onFrame props gone for useSpring?

Created on 13 Apr 2020 · 5Comments · Source: pmndrs/react-spring

It existed in version 9.0.0 beta34 and was in good use, but it seems to have been removed from canary version. If there is no special reason, it would be good to save it again. Or is there another way to work with similar 'onFrame'?

question v9

Source

gtolarc

Most helpful comment

Yeah, renamed to onChange because it may be called outside the requestAnimationFrame loop. For example, if you call the set method of a value:

const lastValue = useRef()

const { foo } = useSpring({
  foo: flag ? 1 : 0,
  onChange: ({ foo }) => {
    lastValue.current = foo
  }
})

useEffect(() => {
  foo.set(2)
  assert(lastValue.current == 2)
})

aleclarson on 13 Apr 2020

👍2

All 5 comments

oh, I found 'onChange'..

gtolarc on 13 Apr 2020

Yeah, renamed to onChange because it may be called outside the requestAnimationFrame loop. For example, if you call the set method of a value:

const lastValue = useRef()

const { foo } = useSpring({
  foo: flag ? 1 : 0,
  onChange: ({ foo }) => {
    lastValue.current = foo
  }
})

useEffect(() => {
  foo.set(2)
  assert(lastValue.current == 2)
})

aleclarson on 13 Apr 2020

👍2

@aleclarson As I noticed, onChange returns a SpingValue and not,say, a primitive.

How we use onChange to achieve the same thing with onFrame so that we can, for example, scroll a viewport?