Search Bar with suggestions and filter in react for beginners

In this tutorial, I show you how to build a react search bar with suggestions. If you want to build a react search bar with autocomplete or suggestions feature from scratch, this video can help you.

If this video gets more than 50 likes, then I make the second episode of it. Please share what you exactly are looking for and put a thumbs up, the rest is on me!

Hope you enjoy it.
Consider subscribing...
Have a great day.

[prajanbhattarai]

short and to the point. love the video.

[EnglishAdventures]

Thank you for this tutorial! Excellent, easy to understand, and concise.

[fredyholguin]

amazing video, short. to the point and very usefull

[shafeeqmenoth]

Thank you Masoud ..you have made my day

[pkmru]

helped me a lot, thank you! great stuff. Works way better than the first one that indian guy explained.

[taztoons]

if you put fullName.includes(searchTerm) instead of you can search on first and lastname in the same time

[easywebsolution]

Really good Tutorial. it save my time, Thanks

[edmonkhachatryan]

Thank u my friend it was very helpful tutorial👋👋

[mattfly]

your English is very understandable- I have no problem 👍 so weird that people say that its "weak" lol

[ahmadtalal]

thanks alot sir
reallly helpful it was

[helguuhucu]

Hi! Reading some of the comments made me super sad. How can some people have such negative attitude towards you? Cursing and demanding certain things as if you owed them something? It is a clear video, with clear English, and you can watch along the video and write the code, instead of demanding for things to get to you already 100% done. And if you really need the source code, you can ask for it politely.

Masoud, keep up the good work and I hope that you don't get discouraged by such comments. Have a great day :)

[yunsivattha]

very good, i learn much from you. plrease, add more video

[mattfly]

waiting for part 2.. i made a search filter (not using your video ) but it only adds the first search from the top - ill check if your video helps fix it ;)

[fabioalejandrocamargodiaz]

I know talk spanish so... Señor lo amo

[ManojSharma-czmi]

thanks. Do you have any code just like (select > option) > selectpicker (same as boots tap jquery ) > Allselect deselect, search ?

[tiii]

Few problems:
- No arrow navigation
- No result highlighting
- Result list will affect other element positions

[yashbharadva]

If we have to add API from POSTMAN rather than the MOCK data then how it should be done..??? I am stuck at that thing..

[kwameappiah-kubi]

anyway to make this accessible and have keyboard navigation?

[denismugane]

How can I make it a reusable component for my entire project

[ifaduolasamuel]

Hi, please the like to the codebase isn't working