typescriptReactintermediate
React useDebounce Custom Hook
Generic debounce hook with cleanup timer in TypeScript
By ApeType Staff·16 lines·337 characters·1,420 total attempts
import { useState, useEffect } from "react";
export function useDebounce<T>(value: T, delayMs: number): T {
const [debouncedValue, setDebouncedValue] = useState<T>(value);
useEffect(() => {
const handler = setTimeout(() => {
setDebouncedValue(value);
}, delayMs);
return () => {
clearTimeout(handler);
};
}, [value, delayMs]);
return debouncedValue;
}
TRANSCRIBE
Ready when you are.
Test your muscle memory and transcription speed against this exact snippet.
Start Typing
Tip: Press Esc anytime to restart
Best runs on this snippet
| # | Typist | Acc | WPM |
|---|---|---|---|
| 1 | Abel Gideon | 97.58% | 64 |
| 2 | Mishaal | 96.15% | 60 |
| 3 | Mishaal | 96.15% | 60 |
| 4 | Mishaal | 96.1% | 59 |
| 5 | Mishaal | 96.1% | 59 |