use-throttle

Throttle hook for react

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
use-throttle
3900.0.34 years ago4 years agoMinified + gzip package size for use-throttle in KB

Readme

useThrottle react hook
Install it with yarn:
yarn add use-throttle

Or with npm:
npm i use-throttle --save

Demo

The simplest way to start playing around with use-throttle is with this CodeSandbox snippet: https://codesandbox.io/s/18yyn08y7

Simple Throttle

According to https://twitter.com/danabramov/status/1060729512227467264
import React, { useState } from 'react';
import { useThrottle } from 'use-throttle';

export default function Input() {
  const [text, setText] = useState('Hello');
  const throttledText = useThrottle(text, 1000);

  return (
    <div>
      <input
        defaultValue={'Hello'}
        onChange={(e) => {
          setText(e.target.value);
        }}
      />
      <p>Actual value: {text}</p>
      <p>Throttle value: {throttledText}</p>
    </div>
  );
}