useDebounce

To delay a event until no further request.

---

LINKS

鐵人賽連結

---

function useDebounce(cb, delay, deps) {
  const initRef = useRef(true)
  const [isPending, setIsPending] = useState(false)

  useEffect(() => {
    if (initRef.current) {
      initRef.current = false
      return
    }

    setIsPending(true)
    const timeout = setTimeout(() => {
      cb()
      setIsPending(false)
    }, delay)

    return () => clearTimeout(timeout)
  }, deps)

  return isPending
}

---

Params

Return

---

Example

---

Regular Version (no debounce)