🪝 use-toolkit-react

A collection of lightweight, typed React hooks for everyday development.

Installation

npm install use-toolkit-react

Hooks

| Hook | Description | |------|-------------| | useDebounce | Delays value updates by a specified time | | useToggle | Simple boolean toggle with set/unset helpers |

Usage

import { useDebounce, useToggle } from "use-toolkit-react";

function SearchPage() {
  const [query, setQuery] = useState("");
  const debouncedQuery = useDebounce(query, 500);
  const [isFilterOpen, toggleFilter] = useToggle();

  useEffect(() => {
    fetchResults(debouncedQuery);
  }, [debouncedQuery]);

  return (
    <div>
      <input value={query} onChange={(e) => setQuery(e.target.value)} />
      <button onClick={toggleFilter}>Filters</button>
      {isFilterOpen && <FilterPanel />}
    </div>
  );
}

Development

npm install      # Install dependencies
npm test         # Run tests
npm run build    # Build the package

License

MIT