use-debouncy

useDebouncy

🚦React effect hook for debounce.

Features

• 👌 Zero dependencies
• 🏋️‍♀️ Size <0.5kb
• 📖 Typescript support
• 🎣 React hook effect

Installation

# NPM
npm install use-debouncy

# YARN
yarn add use-debouncy

Examples

import React, { useState } from 'react';
import useDebouncy from 'use-debouncy';

const App = () => {
  const [value, setValue] = useState('');

  useDebouncy(
    () => fetchData(value), // function debounce
    400, // number of milliseconds to delay
    [value], // array values that the debounce depends (like as useEffect)
  );

  return (
    <input value={value} onChange={(event) => setValue(event.target.value)} />
  );
};

Changelog

1.2.1 (2020-06-23)

Bug Fixes

• automate release (#11) (2d70dab)
• automate release (#11) (4521a86)
• removed semantic-release from deps (b5ff7a1)
• removed semantic-release from deps (0b8a36d)