shakacode / rescript-debounce

Debounce for ReScript

rescript-debounce

This repo contains two packages:

• rescript-debounce: contains debounce functions that can be used in any ReScript app.
• rescript-debounce-react: contains debounce hooks for React components.

See their READMEs for details.

ShakaCode

If you are looking for help with the development and optimization of your project, ShakaCode can help you to take the reliability and performance of your app to the next level.

If you are a developer interested in working on ReScript / TypeScript / Rust / Ruby on Rails projects, we're hiring!

Supporters

The following companies support our open source projects, and ShakaCode uses their products!

rescript-debounce's Issues

Doesn't work in Cypress

Hi,
for some very strange reason the rescript-debounce doesn't work in Cypress (Chrome browser).

Wrong link on npm package?

Thanks for creating this, it makes it super easy to debounce in ReScript!

I just noticed that the npm package for rescript-debounce-react contains dead links to homepage and repo.

It links to https://github.com/shakacode/rescript-debounce-react#readme which I guess should be https://github.com/shakacode/rescript-debounce/tree/master/rescript-debounce-react?

`Debouncer.useDebounced` React hook

Should it be added in this package or a separate package? The issue with the former is that it would require React to be available in a project. And it wouldn't compile if it's used in a project that doesn't depend on React.

Any chance you can include a react hooks example?

Hey there,

I've been trying to get this library to work correctly but I'm struggling with hooks. I'm probably just an idiot, but is there any easy example I can take a look at?

Thanks!

How to use?

Hi,

I'm trying to debounce a function call that filters an array of elements given an Input.
I want the filtering to be done after 0.5 seconds after the user stopped inserting input.

My function is :

let filterArray = (arrayToFilter, filterInput) =>
Belt.Array.keep(arrayToFilter, element => 
Js.String.includes(Js.String.toLowerCase(filterInput), Js.String.toLowerCase(element |> string_of_int)));

It works fine with no debouncing.

If I try :
let debouncedFilter = Debouncer.make(((array, input)) => filterArray(array, input));
I should be able to then use :
debouncedFilter((array, input));

But I get an error with unit :
This has type: array() But somewhere wanted: unit

In the source I see :
fn : 'a => unit

So can we only debounce functions wich return unit? How would I adapt my example to work?