Free for developers

Your code snippets, organized

Save, tag, and find your code snippets in seconds. SnipStash helps developers keep their most-used code at their fingertips.

Get Started Free See Features

useDebounce.ts

import { useState, useEffect } from 'react';

export function useDebounce(value, delay) {

const [debounced, setDebounced] = useState(value);

useEffect(() => {

const timer = setTimeout(() => setDebounced(value), delay);

return () => clearTimeout(timer);

}, [value, delay]);

return debounced;

}

Everything you need to manage your code

Powerful features designed for developers who value their time.

Syntax Highlighting

Beautiful code display with support for 100+ programming languages.

Collections

Group related snippets into collections for quick access and organization.

Smart Tagging

Tag your snippets with custom labels to categorize and filter them easily.

Instant Search

Find any snippet in milliseconds with powerful full-text search.

Share Publicly

Share useful snippets with the community via public links.

Fast & Lightweight

Built for speed with a minimal, distraction-free interface.

How it works

Get started in three simple steps.

New Snippet

React useDebounce Hook

JavaScript

Public

const useDebounce = (val) => {
  const [debounced] = useState(val)
  return debounced
}

Save

STEP 01

Save

Paste your code snippet, pick a language, and save it to your library in seconds.

Collections

React Hooks

API Utilities

CSS Tricks

Organize

Add tags, group snippets into collections, and keep everything structured.

debounce

useDebounce Hook

JavaScript

Debounced Input

TypeScript

Search Component

JSX

3 snippets found

STEP 03

Find

Search by title, tag, or language and get the snippet you need instantly.

Ready to organize your code?

Join developers who use SnipStash to save time and stay productive. Free to get started.

Get Started Free