Hooks

Copy-paste React hooks for common functionality.

Available Hooks

useDebounce useLocalStorage useClickOutside useMediaQuery useCopyToClipboard useToggle

Usage

All hooks are designed to be copied directly into your project:

src/
└── hooks/
    ├── useDebounce.ts
    ├── useLocalStorage.ts
    ├── useClickOutside.ts
    ├── useMediaQuery.ts
    ├── useCopyToClipboard.ts
    ├── useToggle.ts
    └── index.ts

Export from a barrel file:

// hooks/index.ts
export { useDebounce } from './useDebounce';
export { useLocalStorage } from './useLocalStorage';
export { useClickOutside } from './useClickOutside';
export { useMediaQuery } from './useMediaQuery';
export { useCopyToClipboard } from './useCopyToClipboard';
export { useToggle } from './useToggle';

Overview useDebounce