use-throttled-effect

Throttled effect hook for react

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
use-throttled-effect
900.0.75 years ago5 years agoMinified + gzip package size for use-throttled-effect in KB

Readme

useThrottledEffect react hook
Install it with yarn:
yarn add use-throttled-effect --save

Or with npm:
npm i use-throttled-effect --save
Example
import React, { useState } from 'react';
import useThrottledEffect  from 'use-throttled-effect';

export default function Input() {
  const [count, setCount] = useState(0);

  useEffect(()=>{
    const interval = setInterval(() => setCount(count=>count+1) ,100);
    return ()=>clearInterval(interval);
  },[])
  
  useThrottledEffect(()=>{
    console.log(count);     
  }, 1000 ,[count]);
  
  return (
    {count}
  );
}