How to use it:

Test it online: https://javascript-throttle-debounce.netlify.com

OR

Download it to your PC and open baby.htm or text.htm on a browser.

Topics covered

• Learn what is Throttle.
• Learn what is Debounce.
• Implement Throttle and debounce (10 lines of code each).
• Use lodash (and talk about leading edge, trailing edge, cancel).

Leading edge: When the event starts invoking the function. Trailing edge: After the event stops invoking the function.

Credits

• Baby: https://iconmonstr.com/generation-1-svg/
• Mom: https://iconmonstr.com/generation-10-svg/
• Dad: https://iconmonstr.com/generation-11-svg/
• Pee: https://iconmonstr.com/drop-6-svg/
• Diaper: diaper by Nociconist from the Noun Project https://thenounproject.com/term/diaper/1549135/