Commite08be3c

authored

Merge pull requestcoderoad#154 from ShMcK/fix/ui-jitter

debounce window resize

2 parentsfe3125e +a47e90d commite08be3cCopy full SHA for e08be3c

File tree

-3

lines changed

-3

lines changed

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`import*asReactfrom'react'`
`2`	`2`	`import{css,jsx}from'@emotion/core'`
`3`		`-import{useWindowResize}from'../../services/hooks/resize'`
	`3`	`+import{useWindowResize}from'./resize'`
`4`	`4`
`5`	`5`	`interfaceProps{`
`6`	`6`	`children:React.ReactElement`

Lines changed: 8 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -10,11 +10,17 @@ export const useWindowResize = () => {`
`10`	`10`
`11`	`11`	`// solution for windows getting off size`
`12`	`12`	`React.useEffect(()=>{`
	`13`	`+// timeoutId for debounce mechanism`
	`14`	`+lettimeoutId:any`
`13`	`15`	`consthandleResize=()=>{`
`14`		`-setDimensions(resize())`
	`16`	`+if(timeoutId){`
	`17`	`+// prevent execution of previous setTimeout`
	`18`	`+clearTimeout(timeoutId)`
	`19`	`+}`
	`20`	`+timeoutId=setTimeout(()=>setDimensions(resize()),50)`
`15`	`21`	`}`
`16`	`22`	`window.addEventListener('resize',handleResize)`
`17`	`23`	`return()=>window.removeEventListener('resize',handleResize)`
`18`		`-},[])`
	`24`	`+},[window.innerWidth,window.innerHeight])`
`19`	`25`	`returndimensions`
`20`	`26`	`}`

Comments

(0)