Free for developers

Your code snippets, organized

Save, tag, and find your code snippets in seconds, then share them with anyone via a link. 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.

Write & Highlight

A distraction-free editor with beautiful syntax highlighting for 19+ languages. Fast, minimal, and built for how developers actually work.

Organize Everything

Group snippets into collections and tag them with custom labels. Whether you have 10 snippets or 1,000 — find what you need instantly.

Search & Share

Full-text search across all your snippets in milliseconds. Make any snippet public and share it with your team via a single link.

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