How to use the @react-spring/core.FrameLoop function in @react-spring/core
To help you get started, we’ve selected a few @react-spring/core examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
react-spring / react-spring / targets / zdog / src / globals.ts View on Github 
import { Anchor, invalidate, applyProps, addEffect } from 'react-zdog'
import { Globals, FrameLoop, update } from '@react-spring/core'
import { createStringInterpolator } from 'shared/stringInterpolation'
import colorNames from 'shared/colors'
// Add the update function as a global effect to react-zdog's update loop
if (addEffect) addEffect(update)
Globals.assign({
defaultElement: Anchor,
frameLoop: addEffect && new FrameLoop({ requestFrame: invalidate }),
applyAnimatedValues: applyProps,
createStringInterpolator,
colorNames,
})import { invalidate, applyProps, addEffect } from 'react-three-fiber'
import { Globals, FrameLoop, update } from '@react-spring/core'
import { createStringInterpolator } from 'shared/stringInterpolation'
import colorNames from 'shared/colors'
// Add the update function as a global effect to react-three-fibers update loop
if (addEffect) addEffect(update)
Globals.assign({
defaultElement: 'group',
frameLoop: addEffect && new FrameLoop({ requestFrame: invalidate }),
applyAnimatedValues: applyProps,
createStringInterpolator,
colorNames,
})@react-spring/core
The platform-agnostic core of `react-spring`
