React <Debounce /> Component

Using render props to debounce a callback. Useful for preventing multiple callback executions on scroll, spam-clicking, typing etc.

[![NPM version][npm-img-latest]][npm-url]
[![Build Status][build-img]][build-url]
[![Coverage Status][coverage-image]][coverage-url]
[![GitHub issues][issues-image]][issues-url]
[![GitHub stars][github-stars-img]][github-stars-url]
[![Slack][slack-image]][slack-url]

Install

- using npm
``
npm install @teneff/react-debounce
`

- using yarn
`
yarn add @teneff/react-debounce
`

Live Demo

[![codesandbox-img]][codesandbox-url]

Usage

`jsx
import Debounce from '@teneff/react-debounce';

class MyComponent extends React.Component {
handleClick = () => {
console.info("event handler will be executed once after multiple clicks");
};

handleKeyUp = value => {
console.info("event handler will be executed when you stop typing", value);
};

render() {
return (



);
}
}
``

[npm-img-latest]: https://img.shields.io/npm/v/@teneff/react-debounce/latest.svg?logo=npm&style=flat
[npm-img-next]: https://img.shields.io/npm/v/@teneff/react-debounce/next.svg?logo=npm&style=flat
[npm-url]: https://www.npmjs.com/package/@teneff/react-debounce

[build-img]: https://img.shields.io/circleci/project/github/Teneff/react-debounce/master.svg?label=master&logo=circleci&style=flat
[build-url]: https://circleci.com/gh/Teneff/react-debounce/tree/master

[coverage-image]: https://img.shields.io/codecov/c/github/Teneff/react-debounce/master.svg?logo=codecov&style=flat
[coverage-url]: https://codecov.io/gh/Teneff/react-debounce/branch/master

[slack-image]: https://img.shields.io/badge/%23react--debounce-ff69b4.svg?logo=slack&label=slack
[slack-url]: https://dip-in-milk.slack.com/messages/CFASVNPCG

[issues-image]: https://img.shields.io/github/issues/Teneff/react-debounce/bug.svg?logo=github&style=flat
[issues-url]: https://github.com/teneff/react-debounce/issues

[github-stars-img]: https://img.shields.io/github/stars/teneff/react-debounce.svg?logo=github&logoColor=fff
[github-stars-url]: https://github.com/teneff/react-debounce/stargazers

[codesandbox-img]: https://codesandbox.io/static/img/play-codesandbox.svg
[codesandbox-url]: https://codesandbox.io/s/927l985x94