Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Option to debounce textChangeHandler

See original GitHub issue

Hi! 👋

With @st3h3n we’re experiencing performance problems while using the editor with somewhat large (>3-4MiB) images and content. As far as we’ve seen the underlying cause for this is that the internal editorChangeHandler runs for every single keystroke, which occupies resources and makes typing not particularly smooth.

As far as we’ve seen debouncing this method (or Quill’s emit that triggers it) could help to improve performance significantly. What would you think about such feature?

PS: Congratulations for maintaining the library and for the 0 (technically, now 1) active issue(s).

Issue Analytics

State:
Created 2 years ago
Comments:6 (6 by maintainers)

Top GitHub Comments

1reaction

KillerCodeMonkeycommented, Apr 23, 2021

yeah, but like i said: feel free to create a pr for that if you need it 😃

0reactions

kdaniel21commented, Apr 24, 2021

Sure, we’ll work something out in the coming days, just wanted to make sure that we’re on the same page about what the issue is.

Top Results From Across the Web

How to Correctly Debounce and Throttle Callbacks in React

Debouncing a callback, second attempt. Fortunately, using useMemo() hook as an alternative to useCallback() is a more performant choice:.

How to perform debounce? - Stack Overflow

This lets you cancel the previous timeout, effectively debouncing the function. Example. Here we have two states, value and tempValue . Setting tempValue...

debounce(for:scheduler:options:) - Apple Developer

Use the debounce(for:scheduler:options:) operator to control the number of values and time between delivery of values from the upstream publisher.

How and when to debounce or throttle in React

The lodash.debounce method expects three arguments: The function we want to debounce; The wait time; An options object for other configurations.

Debounce – How to Delay a Function in JavaScript (JS ES6 ...

In JavaScript, a debounce function makes sure that your code is only triggered once per user input. Search box suggestions, text-field ...