React Debounce Uncontrolled Input onChange Example | Fast lodash tutorial

Let’s go over an example with debounce using a simple search bar from Part 1! We use lodash’s debounce to delay making our search call, until the user is done typing. This will allow your code to scale because there won’t be a bottleneck wherein every time the user changes the input, there’s a call to an expensive search. This is a simple example, but debounce’s benefits really begin to show when there’s some expensive API call involved. That way, your code won’t unnecessarily call on some API until it needs to.

CHANGELOG
Edit July 1 2022: Changed title to specify "Uncontrolled" input specifically

[gustavoh]

everytime i need to implement this i come back to this video, best video on the subject

[vedansh_]

Short and to the point explanation. Thanks

[cbmeeks]

So I looked all over for a good debounce in React and many of them were quite convoluted and didn't actually work very well. This was simple and easy to understand. Worked perfectly with my Axios requests too. Thanks!

[amitd]

Thank you for showing it. All other tutorials just show api requests

[fentonhutson]

This is a great video - easy to understand, straight to the point, and exactly what I was looking for. Instant sub.

[stark]

Well it was short and sweet.
Easy explained and got good understanding after watching this.

[muhammadsalman]

just what I needed. thanks Carmelle, it will help me with my interview

[heatherf]

Short and to the point, thank you! Also love the Ariana song list. Subbed :)

[mohamedyoussef]

I was confused before.... Awesome explanation

[jamaludin-utqv]

hi Carmela thanks, your sound is very clear.
keep it up

[orarbel]

Loved the Ariana Grande songs list 😉 and thank you for the video, I will try to use denounce

[mfs]

Thank you! You helped me so much! Like!

[avaplain]

thanks for the short nice video :)
also an amazing tip with the e?.target?.value
i was always writing e.target && e.target.value ^^ mainly in other situations but i can adjust them anywhere :)

[purupol]

Dude you are so awesome, such a great tutor

[mateusz]

This is the only one coding channel with female coder I've seen that has good enough voice that could be listened more than one minute. Content itself is also great, I hope you will continue your work! cheers

[besizzo]

Unfortunately, it does not work for controlled input

[ThaEzioAuditore]

Brilliant stuff !! Nice and concise and to the point. Hope you keep uploading more awesome stuff in the future. Subbed 😎😎

[trongnhanle]

I have an error when i use debounce in context api :(

[ARediting]

really good video, really good. explanation

[mdalishanali]

Is it a good practise to use unctrilled input elem?