Тёмный

Search Filter React Tutorial - Search Bar in React 

PedroTech
Подписаться 216 тыс.
Просмотров 320 тыс.
50% 1

Опубликовано:

 

25 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 495   
@CodingWithDapo
@CodingWithDapo 3 года назад
little tutorials like this might seem like nothing but in reality, they do. Thanks man
@PedroTechnologies
@PedroTechnologies 3 года назад
Thank you! Really appreciate it!
@joshuaborseth
@joshuaborseth 2 года назад
Agreed ^^
@andresramirez4469
@andresramirez4469 2 года назад
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
@jean2094 2 года назад
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
@matheuscamba 2 года назад
exactly the same with me // msm coisa comigo mano kkkk
@jineom9194
@jineom9194 2 года назад
Same here for me haha hope you did well!
@anilsunny4443
@anilsunny4443 2 года назад
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
@mitarthsingh7515
@mitarthsingh7515 3 года назад
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
@PedroTechnologies 3 года назад
Glad you liked it!
@turikmmm5069
@turikmmm5069 2 года назад
same here
@raabisliman
@raabisliman 2 года назад
perfect, i deleted so many lines of my code after viewing your tutorial Thanks bro !
@ankitmehrotra8519
@ankitmehrotra8519 3 года назад
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
@thequang9234 Год назад
can you elaborate, thanks :)
@itscartmanbrah4856
@itscartmanbrah4856 3 года назад
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
@PedroTechnologies 3 года назад
Hahaha Awesome! Glad I could help!
@sourabhthorat9550
@sourabhthorat9550 3 года назад
I spend a whole day to get the right solution and finally, I got this super explanation Thanks bro
@tcutinthecut
@tcutinthecut 3 года назад
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!!
@edwardlocnguyen
@edwardlocnguyen 2 года назад
This video beats everything else I've seen on RU-vid and on StackOverFlow. Straight forward and to the point.
@thippanayugesh8414
@thippanayugesh8414 3 года назад
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
@PedroTechnologies 3 года назад
Awesome, thank you! Really appreciate the support!
@khandoor7228
@khandoor7228 3 года назад
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
@PedroTechnologies 3 года назад
Hahaha Thank you! Really appreciate the support and I am glad I could help!
@oshinbatra4319
@oshinbatra4319 Год назад
Thanks Man! your videos helped me a lot during my Early days as Web Developer.
@henryngann
@henryngann 3 года назад
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
@PedroTechnologies 3 года назад
Thank you so much! I really appreciate the support!
@joelsjunk239
@joelsjunk239 2 года назад
This video helped me get out of a rut and back on track with my work. Thank you so much!
@jabss7847
@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
@og_LionKingGaming 2 года назад
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
@ВолодимирПриходько-л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
@PedroTechnologies 2 года назад
Much appreciated! This kind of comments motivate me a lot :)
@omaralazzawi5305
@omaralazzawi5305 3 года назад
Best one explains search functionality thanks a lot Pedro.
@PedroTechnologies
@PedroTechnologies 3 года назад
Glad it was helpful!
@Lakshan98
@Lakshan98 3 года назад
You literally saved my life man.Thanks
@PedroTechnologies
@PedroTechnologies 3 года назад
Glad I could help
@DiestroCorleone
@DiestroCorleone 2 года назад
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.
@kayaba_atributtion2156
@kayaba_atributtion2156 2 года назад
100/100 best tutorial out there! thanks pedro!
@PedroTechnologies
@PedroTechnologies 2 года назад
Glad you think so!
@bspraveen8212
@bspraveen8212 2 года назад
You are really brilliant, inspite being from mathematics background You are doing flawless coding. Keep doing such great video tutorials.
@chahhatpandit9003
@chahhatpandit9003 3 года назад
was stuck at it for 2 days.. helped a lot.. thanks man....
@PedroTechnologies
@PedroTechnologies 3 года назад
Glad to hear it
@nazneenshaikh8804
@nazneenshaikh8804 3 года назад
I am getting error...copied the same code says cannot read property toLowerCase of undefined
@nazneenshaikh8804
@nazneenshaikh8804 3 года назад
Can u please help me out
@dinushasenarath3050
@dinushasenarath3050 5 месяцев назад
@@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!
@WillTalksCode
@WillTalksCode 11 месяцев назад
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.
@gurleensingh9921
@gurleensingh9921 2 года назад
Thank you so much, Pedro ❤️🙏🏻. Appreciate your content . 🔥💛
@artemii8672
@artemii8672 2 года назад
Most iconic tutorial, thanks a lot!
@mohsinbb6864
@mohsinbb6864 3 года назад
Realy Great Tutorial and very simple thanks Pedro Tecch
@PedroTechnologies
@PedroTechnologies 3 года назад
Glad you like it!
@yashwanthks9072
@yashwanthks9072 3 года назад
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
@kaykodes3692
@kaykodes3692 2 года назад
omg, thanks for this, i tried myself but it was a bit difficult when you first start react , really helpful , thanks
@contrerasvivanco
@contrerasvivanco 2 года назад
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
@user-gnwolmgkqpcn15829
@user-gnwolmgkqpcn15829 2 года назад
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!
@mujtabakhalid7010
@mujtabakhalid7010 2 года назад
This is what I was looking for . Thank you so much. keep pumping content. Goodluck
@chachachacha8778
@chachachacha8778 Год назад
just a simple tutorial...everything well captured🔥🔥
@roboriginal
@roboriginal 3 года назад
Man thank you a lot. Those quick and dirty tutorials are the best. I want to hug you
@INfoUpgraders
@INfoUpgraders 3 года назад
Amazing how simple and efficient it is to do, keep up the good work 💪
@PedroTechnologies
@PedroTechnologies 3 года назад
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
@INfoUpgraders 3 года назад
@@PedroTechnologies For real
@chasec4897
@chasec4897 2 года назад
BRO, YOU ARE AN ABSOLUTE LEGEND. Im going to send you a dono with my first salary !
@nikhilarora6521
@nikhilarora6521 3 года назад
awesome work dude !! Keep on posting such amazing tutorials
@PedroTechnologies
@PedroTechnologies 3 года назад
Thank you! Glad you liked it!
@elendil4543
@elendil4543 3 года назад
Efficient, fast and easy That's why I installed RU-vid for
@Gabrielmjo
@Gabrielmjo 2 года назад
Every single thing that i have any kind of doubt, i fall on your videos kkkkkkk Muito Obrigado Por toda a ajuda.
@KukovskyClips
@KukovskyClips 2 года назад
This helped me a lot, i was struggling for hours trying to do this, thanks!
@KarthikaKarthi14
@KarthikaKarthi14 3 года назад
You saved my time. Thanks man Love from India ❤️
@PedroTechnologies
@PedroTechnologies 3 года назад
Happy to help :)
@assasyn0000
@assasyn0000 2 года назад
This actually helped me and i learned something new. Thanks a lot!!
@miracle_chuks
@miracle_chuks 2 года назад
Thanks, you just helped me solve a problem.
@schopra81
@schopra81 3 года назад
Thanks PedroTech. It's to the point and worked.
@thiagopadovani6654
@thiagopadovani6654 2 года назад
Best explanation of filtering an array in react. Thanks man, keep it up!
@kashanakhun1258
@kashanakhun1258 3 года назад
Okay, so this video was so helpful, thank you so much, Sir
@onlyrealufos4146
@onlyrealufos4146 3 года назад
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
@PedroTechnologies 3 года назад
Hahaha thank you :) 🇧🇷
@qgatss
@qgatss 2 года назад
You're a life saver, thank you so much for what you do bro!
@Optimus_Fitness
@Optimus_Fitness 3 года назад
I didn't expect this is so easy to implement in my application.Your are writing very clean code.
@ishisachan5775
@ishisachan5775 2 года назад
with lot of red marks and error
@newcode7847
@newcode7847 2 года назад
Thank you very much, I solved my tasks at work with your help!
@carlchua7369
@carlchua7369 3 года назад
Most useful and effective react search bar I found
@yeminhtun2543
@yeminhtun2543 3 года назад
I'm really enjoying your tutorials. Thanks, man. Keep it up.
@PedroTechnologies
@PedroTechnologies 3 года назад
Thank you bro! Really glad you liked it!
@sundayokini6845
@sundayokini6845 3 года назад
I like your tutorials. You are unique in your style of delivery. Thanks so very much!
@edgarsblog
@edgarsblog 2 года назад
Thank you very much, your tutorial helped me a lot for my interview task
@nguyengianam499
@nguyengianam499 3 года назад
Nice bro. I just got enlightened by you watching this video
@score_
@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.
@pauldubourg9738
@pauldubourg9738 2 года назад
Great tutorial. Keep the good work.
@konfigear4646
@konfigear4646 2 года назад
Thank you for keeping it short and straightforward:) Great video
@zainabideen8144
@zainabideen8144 2 года назад
Amazing explanation! Brilliant Guy. Simple and easy
@webmaster168
@webmaster168 3 года назад
Thank you so much!! I wish every tutorial would be like this 👍🏻
@PedroTechnologies
@PedroTechnologies 3 года назад
Happy to help! Thank you!
@utkarshsrivastava4106
@utkarshsrivastava4106 2 года назад
Hey Man, Thanks for this video. Although very basic, such concepts help out even senior developers from time to time. Lots of love :)
@karimkazia
@karimkazia 3 года назад
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.
@JoaoPiovensan
@JoaoPiovensan 3 года назад
Your content is just amazing, please keep doing this tutorials, u dont know how much is helping me with my study stuff.
@bhupendersingh7296
@bhupendersingh7296 2 года назад
Simple And Perfect Bro.
@MrRyco11
@MrRyco11 3 года назад
really easy and powerful feature. Thanks man
@leonardocoutinhodossantos1404
@leonardocoutinhodossantos1404 2 года назад
Great video man, thnks for this!
@weslleyfelix5072
@weslleyfelix5072 2 года назад
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!!
@ritikashishodia675
@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 ✌👌
@tentx652
@tentx652 3 года назад
super broo, easy to learn from you.most valuable concept ,thank you so much
@PedroTechnologies
@PedroTechnologies 3 года назад
So nice of you! Thank you for watching!
@emanuelameh5722
@emanuelameh5722 2 года назад
Tried it in my project and it worked. muchísimas gracias!
@quasarkid4256
@quasarkid4256 2 года назад
This helped tremendously. Thank you
@oswhytecodes1
@oswhytecodes1 2 года назад
PEDRO!!!! Thank you so much !!!
@K.Huynh.
@K.Huynh. 2 года назад
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.!
@lefinancier2.0
@lefinancier2.0 2 года назад
Thank you so much you saved me one more time be blessed Pedro
@danavzaradel
@danavzaradel 3 года назад
THANK YOU. Brilliant content and very well explained.
@PedroTechnologies
@PedroTechnologies 3 года назад
Thank you!
@wsglko1186
@wsglko1186 3 года назад
Great! clear concept with less code
@PedroTechnologies
@PedroTechnologies 3 года назад
Thank you! Really appreciate it!
@amarnarute8399
@amarnarute8399 3 года назад
Short and to the point.
@1111pachu
@1111pachu 5 месяцев назад
Thanks. It s really herlps. Your explanation is very clear and. G.O.A.T.
@kasakonTea
@kasakonTea 2 года назад
Thank you, this was so helpful! Very clear explanation to follow along
@dartdragon4785
@dartdragon4785 3 года назад
This worked like a charm. Thank you!
@ThColinPereira
@ThColinPereira 3 года назад
I'm really enjoying these tutorials
@noob4head
@noob4head 2 года назад
Great video, thank you very much. This helped me out massively.
@marimuthur9456
@marimuthur9456 2 года назад
Extraordinary explanation 👌👌👌
@nataliaoliveira7026
@nataliaoliveira7026 2 года назад
Best tutorial ever, Thanks!!
@sakatagintoki123
@sakatagintoki123 3 года назад
IT WORKS!! THANKS SO MUCH!! YOU THE BEST BRO!!
@mariaadeliadecampos9676
@mariaadeliadecampos9676 3 года назад
This tutorial helped me a lot! Thanks!!
@hammassaleem2803
@hammassaleem2803 2 года назад
Thanks, man. You have saved my day
@siddheshb.kukade4685
@siddheshb.kukade4685 2 года назад
Thanks bro you made it very simple 🔥
@drfcozapata
@drfcozapata 2 года назад
Thanks a lot bro!!! Blessings from Venezuela
@nurhamsah_tech
@nurhamsah_tech 2 года назад
good explanation, it suits me very well. good work.
@hassanatbusari4723
@hassanatbusari4723 2 года назад
Thank you for this video! It really helped me out
@GiyosRashidov-e4g
@GiyosRashidov-e4g Год назад
Thank you for teacheing bro !!! It's perfect.
@luizfederico9861
@luizfederico9861 3 года назад
Thanks a lot Pedro! Much easier than the overengineering on my side! Cheers
@diptobhatt7591
@diptobhatt7591 3 года назад
Thanks man you are really awesome.Take love🤍🖤
@ThColinPereira
@ThColinPereira 3 года назад
This was so well explained! Thanks Pedro
@abdoul-azizcisse460
@abdoul-azizcisse460 2 года назад
Thank you, It was very helpful and well explained !
@bumblebeesets
@bumblebeesets 3 года назад
I swear ure so underrated, thank u for everything
@PedroTechnologies
@PedroTechnologies 3 года назад
hahaha thank you!
@vaibhavmishra8284
@vaibhavmishra8284 2 года назад
Very Nice and simple explanation for filter. Tysm bro it helped me a lot. 💻❤. Wishing for more subscriber to u.
@saurabrakshit405
@saurabrakshit405 2 года назад
very nicely explained bro ! i like it
Далее
All The JavaScript You Need To Know For React
28:00
Просмотров 636 тыс.
React Hooks Course - All React Hooks Explained
1:26:21
Просмотров 1,1 млн
Гаджет из даркнета 📦
00:45
Просмотров 174 тыс.
Страшная Тайна Светы Кемер !
33:04
Search Filter in React JS - Filter Through Results
8:53
Most Beginner React Developers Do This Wrong
13:47
Просмотров 234 тыс.
Create a Search Bar With React and Debounce Input
17:05
ReactJS Pagination Tutorial using React Hooks
22:18
Просмотров 107 тыс.
Build Search Filter with React | ReactJS Search Bar
11:39