add stresstest to demos/simple

Author: drcmda

examples/demos/simple-transition/index.js

@@ -1,4 +1,4 @@
-import React, { useState, useCallback } from 'react'
+import React, { useState, useCallback, useEffect } from 'react'
 import { useTransition, animated } from 'react-spring/hooks'
 import './styles.css'
 
@@ -17,6 +17,11 @@ const pages = [
 ]
 
 export default function App() {
+  const [, fU] = useState()
+  // It should not matter if the component is re-rendered, it shouldn't drop out of sync
+  useEffect(() => void setInterval(fU, 100), [])
+  console.log('r')
+
   const [index, set] = useState(0)
   const onClick = useCallback(
     () => set(state => (state === 2 ? 0 : state + 1)),

examples/index.js

@@ -6,7 +6,7 @@ import examples from './components/examples-hooks'
 import './styles.css'
 
 //const DEBUG = false
-const DEBUG = 'fresh'
+const DEBUG = 'simple'
 
 ReactDOM.render(
   <DemoGrid fullscreen={!!DEBUG}>

src/animated/Controller.js

@@ -187,7 +187,9 @@ export default class Controller {
               fromValues: toArray(parent.getValue()),
               toValues: toArray(target ? toValue.getPayload() : toValue),
               immediate: callProp(immediate, name),
-              delay: withDefault(toConfig.delay, delay || 0),
+              delay: this.isActive
+                ? 0
+                : withDefault(toConfig.delay, delay || 0),
               initialVelocity: withDefault(toConfig.velocity, 0),
               clamp: withDefault(toConfig.clamp, false),
               precision: withDefault(toConfig.precision, 0.01),

src/useChain.js

@@ -9,7 +9,7 @@ export function useChain(refs, timeSteps, timeFrame = 1000) {
 
   useEffect(() => {
     local.current = ++guid
-    //refs.forEach(({ current }) => current && current.stop())
+    //refs.forEach(({ current }) => current && current.stop({ finished: true }))
     if (timeSteps) {
       frames.current.forEach(clearTimeout)
       frames.current = []