Use debounce instead of fixed interval

FredyC · web-flow · commit e055f95cf326 · 2019-04-04T12:16:54.000+02:00
diff --git a/src/useObserver.ts b/src/useObserver.ts
@@ -78,10 +78,11 @@ let reactionCleanupHandle: number | undefined
 
 function scheduleCleanupOfReactionIfNotCommitted(reaction: Reaction) {
     uncommittedReactions.push(reaction)
-    if (!reactionCleanupHandle) {
-        // We currently have no cleanup timer running; schedule one
-        reactionCleanupHandle = window.setTimeout(cleanUncommittedReactions, 100)
+    if (reactionCleanupHandle) {
+        window.clearTimeout(reactionCleanupHandle)
     }
+    // We currently have no cleanup timer running; schedule one
+    reactionCleanupHandle = window.setTimeout(cleanUncommittedReactions, 100)
 }
 
 function recordReactionAsCommitted(reaction: Reaction) {

Original file line number	Diff line number	Diff line change
`@@ -78,10 +78,11 @@ let reactionCleanupHandle: number \| undefined`
`78`	`78`
`79`	`79`	`function scheduleCleanupOfReactionIfNotCommitted(reaction: Reaction) {`
`80`	`80`	`uncommittedReactions.push(reaction)`
`81`		`- if (!reactionCleanupHandle) {`
`82`		`- // We currently have no cleanup timer running; schedule one`
`83`		`- reactionCleanupHandle = window.setTimeout(cleanUncommittedReactions, 100)`
	`81`	`+ if (reactionCleanupHandle) {`
	`82`	`+ window.clearTimeout(reactionCleanupHandle)`
`84`	`83`	`}`
	`84`	`+ // We currently have no cleanup timer running; schedule one`
	`85`	`+ reactionCleanupHandle = window.setTimeout(cleanUncommittedReactions, 100)`
`85`	`86`	`}`
`86`	`87`
`87`	`88`	`function recordReactionAsCommitted(reaction: Reaction) {`