Search Filter React Tutorial - Search Bar in React

[@CodingWithDapo]

little tutorials like this might seem like nothing but in reality, they do. Thanks man

[@PedroTechnologies]

Thank you! Really appreciate it!

[@joshuaborseth]

Agreed ^^

[@andresramirez4469]

I really like the smaller projects like this , they actually help me more than doing a whole full stack application with various moving parts

[@jean2094]

Hey, man. Thanks for this video. I'm working for the first time as a developer in a company. So I received a task this week to implement a search bar with react. Your video helped me a lot. Keep doing it, you're a great developer.

[@matheuscamba]

exactly the same with me // msm coisa comigo mano kkkk

[@jineom9194]

Same here for me haha hope you did well!

[@mitarthsingh7515]

Honestly watched like 6 articles and 4 videos before this but this was what i needed. Super concise, to the point and very clear. Great job man :)

[@PedroTechnologies]

Glad you liked it!

[@turikmmm5069]

same here

[@anilsunny4443]

Straight to the point, no wasting time on styling, no wasting in cmd prompt creating project. Straight forward and quick which got me started. Thank you so much

[@itscartmanbrah4856]

I was gonna search for this so that I can integrate this to the Pokémon application from the last video. You're simply amazing man. Keep up the good work

[@PedroTechnologies]

Hahaha Awesome! Glad I could help!

[@tcutinthecut]

I didn't expect for this to be so easy to implement into my application, as I was already pretty far along, but it was!!

[@ankitmehrotra8519]

One small point Pedro.. You are using includes which will filter exact value. You should use substr(0, length of searchTerm) and then compare for correct results.

[@thequang9234]

can you elaborate, thanks :)

[@raabisliman]

perfect, i deleted so many lines of my code after viewing your tutorial Thanks bro !

[@sourabhthorat9550]

I spend a whole day to get the right solution and finally, I got this super explanation Thanks bro

[@edwardlocnguyen]

This video beats everything else I've seen on KZbin and on StackOverFlow. Straight forward and to the point.

[@khandoor7228]

Good stuff Pedro thanks! I enjoy these types of useful videos, even if you have done this before, no one does it the same and I always learn something new.

[@PedroTechnologies]

Hahaha Thank you! Really appreciate the support and I am glad I could help!

[@thippanayugesh8414]

I will make sure to like every video I watch and recommend it to my colleagues. These are very helpful for a beginner like me. Thank you.

[@PedroTechnologies]

Awesome, thank you! Really appreciate the support!

[@henryngann]

Keep making videos, you are going to get popular for sure. I rather go to you then smaller youtubers because your explanations are just so much better.

[@PedroTechnologies]

Thank you so much! I really appreciate the support!

[@oshinbatra4319]

Thanks Man! your videos helped me a lot during my Early days as Web Developer.

[@jabss7847]

this is the simplest yet very useful and helpful and easy to understand among all the other search videos tutorial. Thanks man !

[@og_LionKingGaming]

Best tutorial on search and filter. I was going through dev grey's react tutorial and got comfused in search component working. After watching your all foubt cleared. Thank you brother

[@user-gnwolmgkqpcn15829]

You might not be able to assume how mush i appreciate your contents and the way you are delivering concepts. Thank you so much for your continuous work!

[@ВолодимирПриходько-л2л]

I will say that again! You are doing amazing things my man, thanks a lot! I hope my comment will also be of help for your channel, bro! Make more videos please. I mentioned this the other day and I am going to say this again, you have some outstanding skills and I hope more people could see your job! Way to go!

[@PedroTechnologies]

Much appreciated! This kind of comments motivate me a lot :)

[@yashwanthks9072]

this video helped me and provided the coding i was looking for. my 10hrs of dealing with a same error finally solved. great content brother

[@joelsjunk239]

This video helped me get out of a rut and back on track with my work. Thank you so much!

[@chahhatpandit9003]

was stuck at it for 2 days.. helped a lot.. thanks man....

[@PedroTechnologies]

Glad to hear it

[@nazneenshaikh8804]

I am getting error...copied the same code says cannot read property toLowerCase of undefined

[@nazneenshaikh8804]

Can u please help me out

[@dinushasenarath3050]

@@nazneenshaikh8804 For anyone getting errors with toLowerCase - first try converting the value to a string by adding toString() like this .includes(xxxxx.toString().toLowerCase()). It should solve the most!

[@nikhilarora6521]

awesome work dude !! Keep on posting such amazing tutorials

[@PedroTechnologies]

Thank you! Glad you liked it!

[@chasec4897]

BRO, YOU ARE AN ABSOLUTE LEGEND. Im going to send you a dono with my first salary !

[@omaralazzawi5305]

Best one explains search functionality thanks a lot Pedro.

[@PedroTechnologies]

Glad it was helpful!

[@bspraveen8212]

You are really brilliant, inspite being from mathematics background You are doing flawless coding. Keep doing such great video tutorials.

[@kayaba_atributtion2156]

100/100 best tutorial out there! thanks pedro!

[@PedroTechnologies]

Glad you think so!

[@Lakshan98]

You literally saved my life man.Thanks

[@PedroTechnologies]

Glad I could help

[@DiestroCorleone]

I wasted more time trying to find a library that can do this for me, than watching your tutorial and learning this method. Thanks a lot. BTW, loved that you used Paquito as an example.

[@contrerasvivanco]

oh my gosh this worked like a charm I actually can't believe it... thank you so much!!! as a constructive criticism, I skipped the whole css stuff but tbh its nothing compared to the amount of time I wasted watching other videos lol

[@WillTalksCode]

Not bad! I've been teaching myself react. I followed this tutorial, and made a slight change to let you search by first name or last name.

[@kaykodes3692]

omg, thanks for this, i tried myself but it was a bit difficult when you first start react , really helpful , thanks

[@artemii8672]

Most iconic tutorial, thanks a lot!

[@elendil4543]

Efficient, fast and easy That's why I installed KZbin for

[@utkarshsrivastava4106]

Hey Man, Thanks for this video. Although very basic, such concepts help out even senior developers from time to time. Lots of love :)

[@JoaoPiovensan]

Your content is just amazing, please keep doing this tutorials, u dont know how much is helping me with my study stuff.

[@mujtabakhalid7010]

This is what I was looking for . Thank you so much. keep pumping content. Goodluck

[@yeminhtun2543]

I'm really enjoying your tutorials. Thanks, man. Keep it up.

[@PedroTechnologies]

Thank you bro! Really glad you liked it!

[@KarthikaKarthi14]

You saved my time. Thanks man Love from India ❤️

[@PedroTechnologies]

Happy to help :)

[@roboriginal]

Man thank you a lot. Those quick and dirty tutorials are the best. I want to hug you

[@mohsinbb6864]

Realy Great Tutorial and very simple thanks Pedro Tecch

[@PedroTechnologies]

Glad you like it!

[@INfoUpgraders]

Amazing how simple and efficient it is to do, keep up the good work 💪

[@PedroTechnologies]

Thank you! I really appreciate it! Due to how states work in react, this is definitely a lot easier than it should be hahaha

[@INfoUpgraders]

@@PedroTechnologies For real

[@konfigear4646]

Thank you for keeping it short and straightforward:) Great video

[@Gabrielmjo]

Every single thing that i have any kind of doubt, i fall on your videos kkkkkkk Muito Obrigado Por toda a ajuda.

[@Optimus_Fitness]

I didn't expect this is so easy to implement in my application.Your are writing very clean code.

[@ishisachan5775]

with lot of red marks and error

[@thiagopadovani6654]

Best explanation of filtering an array in react. Thanks man, keep it up!

[@KukovskyClips]

This helped me a lot, i was struggling for hours trying to do this, thanks!

[@qgatss]

You're a life saver, thank you so much for what you do bro!

[@kashanakhun1258]

Okay, so this video was so helpful, thank you so much, Sir

[@gurleensingh9921]

Thank you so much, Pedro ❤️🙏🏻. Appreciate your content . 🔥💛

[@chachachacha8778]

just a simple tutorial...everything well captured🔥🔥

[@schopra81]

Thanks PedroTech. It's to the point and worked.

[@sundayokini6845]

I like your tutorials. You are unique in your style of delivery. Thanks so very much!

[@assasyn0000]

This actually helped me and i learned something new. Thanks a lot!!

[@carlchua7369]

Most useful and effective react search bar I found

[@weslleyfelix5072]

Thank you so much my friend! I've learned a lot with this tutorial... I implemented this on react-native and its the same, pretty much!!

[@luizfederico9861]

Thanks a lot Pedro! Much easier than the overengineering on my side! Cheers

[@karimkazia]

Omg I was looking for this lol !! Thank you sir as always. and I got it working in my project. except in this case i send an object to a component to render the output.!!! + also included other search criteria within the filter e.g find name or phone or status etc.

[@zainabideen8144]

Amazing explanation! Brilliant Guy. Simple and easy

[@webmaster168]

Thank you so much!! I wish every tutorial would be like this 👍🏻

[@PedroTechnologies]

Happy to help! Thank you!

[@newcode7847]

Thank you very much, I solved my tasks at work with your help!

[@sakatagintoki123]

IT WORKS!! THANKS SO MUCH!! YOU THE BEST BRO!!

[@tonybenci2796]

Thanks very much for this snippet, it helped tremendously. If I may... listening to these videos from younger content providers I hear a propensity to use the works literally and basically every third word. I just have to mute the sound and hopefully catch the intent from the coding... as I did in this instance. My advice to you Pedro... listen to your recording and note the number of times during the 11:04 that these words are used and try to do it without them. I know that I'd be inclined to listen. If you ever listen to whom I consider the champions (Max Schwarzmueller, Neil Cummins etc.) they don't use them ever (or so rarely they don't even get considered)... no filler words. I guarantee that if you concentrate on this your content will improve... Thanks Again

[@PedroTechnologies]

I appreciate the feedback Tony :) English is not my first language so I do have some trouble with it sometimes. But I am constantly trying to improve! This video was a while ago so I hope I improved since then :)

[@bumblebeesets]

I swear ure so underrated, thank u for everything

[@PedroTechnologies]

hahaha thank you!

[@leonardocoutinhodossantos1404]

Great video man, thnks for this!

[@pauldubourg9738]

Great tutorial. Keep the good work.

[@ThColinPereira]

I'm really enjoying these tutorials

[@onlyrealufos4146]

I'm proud we have such a perfect channel my fellow countryman.. Your english is perfect and we need more brazilians like you to export Q U A L I T Y ;)

[@PedroTechnologies]

Hahaha thank you :) 🇧🇷

[@score_]

thanks a lot man, I was trying to do this in a thousand ways and nothing worked lol, a little tip for those who are trying to do it in different components: create a useContext and put there the "search" and the other data variables.

[@nguyengianam499]

Nice bro. I just got enlightened by you watching this video

[@K.Huynh.]

It's incredible, your solution really works with my current problem. The solution is really simple but bringing great results. Specially send a deep thanks to you. You save my life.!

[@kasakonTea]

Thank you, this was so helpful! Very clear explanation to follow along

[@MrRyco11]

really easy and powerful feature. Thanks man

[@edgarsblog]

Thank you very much, your tutorial helped me a lot for my interview task

[@ThColinPereira]

This was so well explained! Thanks Pedro

[@wsglko1186]

Great! clear concept with less code

[@PedroTechnologies]

Thank you! Really appreciate it!

[@emanuelameh5722]

Tried it in my project and it worked. muchísimas gracias!

[@nataliaoliveira7026]

Best tutorial ever, Thanks!!

[@bhupendersingh7296]

Simple And Perfect Bro.

[@sohammukherjee8079]

This was great, thanks ! If I instead wanted to render say a list of components instead of just names, filtering by one or more fields in their states, could you throw some light on how that can be done? Also, it'd be really helpful if you could share the way to display the search results horizontally instead of vertically.

[@tentx652]

super broo, easy to learn from you.most valuable concept ,thank you so much

[@PedroTechnologies]

So nice of you! Thank you for watching!

[@dartdragon4785]

This worked like a charm. Thank you!

[@miracle_chuks]

Thanks, you just helped me solve a problem.

[@quasarkid4256]

This helped tremendously. Thank you

[@mariaadeliadecampos9676]

This tutorial helped me a lot! Thanks!!

[@cheapskate7]

Hey man, thanks for taking the time to make this tutorial. It's bloody awesome! Sub!!!

[@PedroTechnologies]

Thanks for the sub! Really appreciate it!

[@marimuthur9456]

Extraordinary explanation 👌👌👌

[@ritikashishodia675]

Thanks to making this video from last 2 day i was worried how to solve this problem and after see this code in my mind other logic also click that is solve one another bug in my project ✌👌

[@arjun-de6dr]

Great video, superb explanation. Your explanation is so simple and yet precise. Thank you

[@lefinancier2.0]

Thank you so much you saved me one more time be blessed Pedro

[@orincywhytedesigns]

PEDRO!!!! Thank you so much !!!

[@danavzaradel]

THANK YOU. Brilliant content and very well explained.

[@PedroTechnologies]

Thank you!

[@edmundodominguezagurcia7254]

Thanks a lot!! great tutorial and very simple to implement. Congrats!!

[@PedroTechnologies]

Glad you liked it!

[@scott_the_engineer]

This is perfect. It works great.

[@PedroTechnologies]

Glad you liked it!

[@hammassaleem2803]

Thanks, man. You have saved my day

[@chisomugwu1107]

Great work! This was so helpful, Thanks.

[@npcdusun]

thanks bro, great tutorial and very easy to understand. does the filter performance depend on the length of the array?

[@ankushchavhan1332]

12:50 is video paused ?

[@xxdnzz]

Thank you soo much, keep posting this good content :D!

[@1111pachu]

Thanks. It s really herlps. Your explanation is very clear and. G.O.A.T.

[@rikanishimura6455]

Helped a lot, thank you so much!