Debouncing in React Apps made simple

Hey guys welcome to my blog, today we'll be talking about debouncing in JavaScript and React.

Let's say we have a client who wants us to build a text editor, now that we have built an amazing editor, the only thing that is left is the auto-save feature. The client requirement is that we should autosave the content when the user stops typing because we don't want to interrupt them while they are typing.

Hm. This is kinda tricky.

So does this mean that we have to keep track of their keyboard strokes?

Or do we have to set a timer and ask the user to stop whenever the save timer says to stop?

Well, I'd say it is easier than that. We will follow a concept called Debouncing...