"Debounce" support? about react-resize-detector HOT 4 CLOSED

This feature lands in v.2.2.0.
Thanks to @lamhieu-vk :)

from react-resize-detector.

Hi @Eric24,
You can handle it on your own

import debounce from 'lodash/debounce';

class YourComponent extends Component {
  constructor(props) {
    super(props);
    this.onResizeDebounced = debounce(this.onResize, 1000);
  }

  onResize = () => {
    // will be executed once per second
  }

  render() {
    // ...
    <ReactResizeDetector onResize={this.onResizeDebounced} />
  }
}

from react-resize-detector.

Sure (and that's my current solution). I just thought it would be a good thing to build into the component.

from react-resize-detector.

Well, it's hard to foresee all users needs. Someone may want to trigger this event at the beginning/end and someone doesn't (leading/trailing option for debounce). Someone may need throttle instead of debounce etc.

That's why I prefer to keep this library simple and to not overcomplicate things by adding all this stuff for everyone... I think it's very simple to achieve what you need without integrating additional modules into the library.

Hope this explains my position.

Anyway, thanks for your suggestion!

from react-resize-detector.