add utils useDebounce and useIsMounted

Author: devgioele

src/index.ts

@@ -1,20 +1,7 @@
-import { useInterval } from './useInterval/useInterval'
-import { AsyncState, getAsyncState } from './async-data/asyncState'
-import { AsyncView } from './async-data/AsyncView'
-import {
-  LocationProvider,
-  LocationContext,
-  LocationContextValue,
-} from './location-provider/LocationProvider'
-import { useMatchMediaQuery } from './useMatchMediaQuery/useMatchMediaQuery'
-
-export {
-  useInterval,
-  AsyncState,
-  getAsyncState,
-  AsyncView,
-  LocationProvider,
-  LocationContext,
-  LocationContextValue,
-  useMatchMediaQuery,
-}
+export * from './useInterval/useInterval'
+export * from './async-data/asyncState'
+export * from './async-data/AsyncView'
+export * from './location-provider/LocationProvider'
+export * from './useMatchMediaQuery/useMatchMediaQuery'
+export * from './useDebounce/useDebounce'
+export * from './useIsMounted/useIsMounted'

src/useDebounce/useDebounce.ts

@@ -0,0 +1,19 @@
+import { useEffect, useState } from 'react'
+
+export function useDebounce<T>(data: T, interval: number): T {
+  const [liveData, setLiveData] = useState<T>(data)
+
+  useEffect(() => {
+    if (typeof window !== 'undefined') {
+      const handler = window.setTimeout(() => {
+        setLiveData(data)
+      }, interval)
+      return () => {
+        window.clearTimeout(handler)
+      }
+    }
+    return undefined
+  }, [data, interval])
+
+  return liveData
+}

src/useIsMounted/useIsMounted.ts

@@ -0,0 +1,15 @@
+import { useCallback, useEffect, useRef } from 'react'
+
+export function useIsMounted() {
+  const isMounted = useRef(false)
+
+  useEffect(() => {
+    isMounted.current = true
+
+    return () => {
+      isMounted.current = false
+    }
+  }, [])
+
+  return useCallback(() => isMounted.current, [])
+}