Add ability to debounce window resize updates

example.js

@@ -3,8 +3,12 @@ import { render } from 'react-dom';
 import useWindowWidth from './';
 
 function App() {
+  let debouncedWindowWidth = useWindowWidth(500);
   let windowWidth = useWindowWidth();
-  return <pre>{JSON.stringify(windowWidth)}</pre>;
+  return [
+    <pre>Debounced: {JSON.stringify(debouncedWindowWidth)}</pre>,
+    <pre>Firehose: {JSON.stringify(windowWidth)}</pre>,
+  ];
 }
 
 render(<App />, window.root);

index.js

@@ -1,4 +1,4 @@
-'use strict';
+'use strict'
 let { useState, useEffect } = require('react');
 
 function getSize() {
@@ -8,13 +8,21 @@ function getSize() {
     outerHeight: window.outerHeight,
     outerWidth: window.outerWidth,
   };
-}
+};
 
-function useWindowSize() {
+function useWindowSize(debounceMs) {
   let [windowSize, setWindowSize] = useState(getSize());
 
+  let timeoutId;
+
   function handleResize() {
-    setWindowSize(getSize());
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+
+    timeoutId = setTimeout(function() {
+      setWindowSize(getSize());
+    }, debounceMs);
   }
 
   useEffect(() => {

package.json

@@ -39,4 +39,4 @@
       "./test-setup.js"
     ]
   }
-}
+}