Improve search performance 🔎🏃‍♂️

[colebemis]

There is noticeable lag when searching. Let's fix that.

[jletey]

I've noticed this as well @colebemis. I'll take a look at the codebase and see if I find anything that could be the culprit 🔎

[colebemis]

That'd be awesome! This code block seems like a good starting point: https://github.com/feathericons/feathericons.com/blob/master/src/pages/index.js#L16-L21

[colebemis]

Hmm, I'm not noticing any lag anymore. Is search still sluggish for you, @johnletey?

[anthonygedeon]

I'll work on this issue!

[anthonygedeon]

The search input component performs a lot better now #287

• User can quickly spam (or hold down) the backspace key (previously had to hit the key 1 at at time)
• Utilizes a denounce function to set the query at a later time (500 ms to be exact)
• On feathericons.com, if you typed too fast, the query would not get all the letters, this feature prevents that from happening

There is a bug though, the result is not waiting until the query is done after 500ms.

Here's a GIF of the working feature

https://gph.is/g/ZYoqpJn

[DevT0ny]

I have found solution for this on heroicons.dev site
May be it will help you out.
https://github.com/zaydek/heroicons.dev/blob/61042d17b54ac2f0a04e92bc85184ac6ed132a41/src/pages/index.js#L500-L534