How to make a simple search bar in React (from scratch) | Fast tutorial

In this tutorial, we’ll go over a common frontend problem: how to make a search bar from scratch. We’ll start out with an input and some data that I grabbed from the Spotify Web API, in this case an album. After listing out our data, we’ll create a getFilteredItems helper function that will run multiple times in the render() function. This is an adequate solution for small lists but if your list is greater than 100 items, you might want to search for a more optimal solution like a debounce - let me know in the comments if this is something you’re looking for, and thank you for supporting this channel!

As an aside, this is a pretty common interview problem for frontend jobs, using Javascript functions to search through some object/array.

Link to code:

[ViewFromAndromeda]

Simple, straight to the point, impactful. Thanks a lot

[kamichikora]

I like these kinds of videos... Simple and Straight to the point

[saheeldas]

This Fast tutorial series saves a lot of time :)

[Assassin]

This was amazing. Quick and efficient bravo

[BrightBassey]

This video just saved my life. Thanks Carmelle😉

[ardasargin]

Thank you so much😸 I have been getting stuck for days!

[KorhalKk]

Very succint, I love it. I just wish I could see you're using some SOLID principles and building the component.

[WinterSistaCh]

At the end we can't see the result though...probably adjust your ending subscribe links a little...

[critofer]

Amazing video, it s a pitty u didnt continue as a a youtuber ):

[_Anonymous]

Which extensions do you use for live content loading in the browser window. Live server ?

[twotwo-]

Your end cards pop up at the very end and we can't see your solution on the right side of the screen

[vitaharvey]

Thank you lots for making this! Just curious, has anyone else gotten a "setQuery is not a function" error? I've done stack traces and everything and can't seem to figure out what I did wrong.

[abderrahmaneradiohead]

Is it the same way if I'm using API

[Silvers]

Great filter, not really a search bar