React Search Filter Tutorial Beginner to Advanced

[@adebisisheriff159]

You are like a dad who is teaching his programmer children programming.... Thank you very much Lamadev. Cant love you less

[@cchelseacxx]

👆Send a direct message for help 🆙 ⬆️…

[@yihffjjg]

bro just made a dad online

[@olamideabe4795]

I was stucked for days but you made it so easy and simple with your explanations. Thanks

[@b166er4]

to be able to explain simply, 'complex' thing, is a capacity of intelligent people... thx again 'lama sense'

[@noiseeeee]

In the exact moment i needed this, you appear to save me. Thanks Lama for teaching me how to use React, NextJS and other ton of things. You're amazing.

[@Abhishek_Poddar]

barely writing few words would never be enough for this guy, You r king my bruh 👑💖

[@Pouyamousayi]

one more time i thank lama dev for videos he make, peaceful voice makes me learn better

[@arunwarrier1873]

simple and to the point. saved me hours of looking for vids. Glad i found ur vid . Here's a like

[@roman_mf]

Awesome! Now implementing search doesn't look so intimidating for my own project. Thank you for this video.

[@bennailyes9303]

you are know what are you doing safak, thank you a lot safak

[@alivelidurali]

amazing how simple and efficient it is to do, keep up the good work :)

[@mzohaib27]

thanks brother..i am struggling with search functionality since yesterday....but you explain so good make it easy...thank u...

[@efeenobakhare3327]

Your tutorial are the best and always outstanding.your teaching aim at solving real life problems

[@ANURAG_GUPTA576]

Thanx i learned the proper way of filtering data

[@mdkawsarislamyeasin4040]

That's Great. Thanks You Teach very slowly an clearly and It's helpful for beginners Thank you so much

[@merxxibeaucoup9093]

lamadev always comes through clutch !!.. needed this for work ! ♥

[@hoangnguyenvan831]

The best tutorial channel for Reactjs so far, your contents are always amazed me, thank you for your contribution to the community!!

[@vinkim2802]

You're the best Lama

[@roberstduke6728]

thank you bro. I try your basic and it works already. 1000 loves for you, but I love you 3000......

[@badytouray294]

I am new to your channel and I wanted to let you know that I really enjoy the way your teach and demonstrate how the code works. Thank you for making your videos

[@mrtherapy309]

You are like a dad who is teaching his programmer children. Thank you very much sir.

[@Dev_who_decodes]

We can use denouncing as well to enhance the API calls made to the server

[@paschalynukwuani6980]

This is one of the tutorials I followed every bit of. Thank you such much Lama!

[@cleaningspy]

Great tutorial. Thank Lama for your effort. I love your teaching style.

[@SimPwear84]

Lama you're amazing! You always deliver world-class tutorials that help the community. Thank you so much for everything you have done for us so far. Do you think we might get a React Native or qraphQL tutorial in the future?

[@koladesalaudeen5725]

Good question you have asked. A tutorial on React Native or graphql will be of great value to our growth in becoming a renowned software engineer

[@sergiogarcia-di5nj]

the way you explain things is really good, I did appreciate it and it helped me out with my research bar, thanks a lot !

[@waleedsharif618]

This is amazing you started showing beginner and went to advanced, i just found ur channel, please make more react stuff like this from beginner to advanced

[@ahmedmusawir]

Extremely helpful and very well done!! Thanx

[@justagirl3929]

You are a King 💖 you always were and you always will be 💖✨ thank you for explaining this so simply, love your content 💕

[@coder5336]

I was wondering how to search using api. Thank you so much. Is there any other trick to reduce expense of searching? And can you make a video about elastic search?

[@kouradev]

This video is amazing! I'm trying implement searching method from days ago! So you saved me by this one! Thanks 🙏

[@dennisngari1074]

Thanks for the content Lama. Always grateful

[@GustavoHenrique-mv8cl]

Great video man, simpler than I thought

[@diiexe]

jeez you're a good teacher, thanks buddy

[@poreddyvemareddy3685]

Simple way of explanation. Thanks 🙏

[@agusalfandi6672]

bro, this tutorial is very solid and easy to understand

[@AlexeyaLu]

Very nice and calm explanation. Thank you so much! In my course we are using JavaScript, fetch and .then for APIs so that part was liiiiiiittle bit strange for me, but I did understand the main point THANK YOU SO MUCH!!!!

[@proemail3237]

Thank you so much your quality of video is always top notch. Thank you. Hopefully more video like this coming up

[@Worldwide-Shinchan]

You are great.. I was searching it like this way and I wanna clear my concepts too. You explain it very well to understand all concept. I really thankful that I found your video 😊🙏 keep doing

[@motivateme3152]

Honestly, you're an amazing mentor! Thank you for such an incredible tutorials.

[@allidoit3742]

Wow.. This is perfect lecture.. I very appreciate !!

[@ofunreinyage9618]

Awesome way to teach, always learning something new here

[@gabrielalcantarabernardes8425]

To avoid calling the backend on every word I prefer to use this hook: import React from 'react'; ```export const useDebounceValue = (value: number | string, delay = 500) => { const [debounceValue, setDebounceValue] = React.useState(value); React.useEffect(() => { const handler = setTimeout(() => setDebounceValue(value), delay); return () => { clearTimeout(handler); } }, [value, delay]); }```

[@bo4695]

Hey mate, can you explain how this works in a simple manner? thanks, sorry for the trouble

[@gabrielalcantarabernardes8425]

​@@bo4695 Of course, this debounce serves to identify if the user continues typing or if he has finished. That is, if the user types 'G' after 500 milliseconds the endpoint is called. If the user types 'Gab' the endpoint will be called after the letter 'b' and after 500 milliseconds

[@bo4695]

@@gabrielalcantarabernardes8425 I see, thanks for the help mate! greatly appreciated :)

[@regilearn2138]

yes like you said in the video we need advanced search and pagination and loading ,Please do, and thanks for this video❤❤❤❤

[@TBDfilesLalit_kalyan]

you are life saver lama .................plz make some advance porect tutorial...... we want to be a pro like you

[@piyush9688]

Wow! Thanks for teaching this concept from scratch. You made it so simple to understand and I was finally able to implement this in my project.

[@cchelseacxx]

👆Send a direct message for help 🆙 ⬆️…

[@vers85]

You should also lowercase the input. If a user searches for 'Fel' for example it won't find 'Felix' as it was lowercased. Out of curiosity what's the best way to highlight the searched fragment to show that for example the searched frase was part of the email or surname?

[@KR-ib5gp]

You're amazing man. Been struggling with search. Thank you

[@manojrawat5756]

Wow you explain it by so easy method but other make it so complex❤❤ thankyou sir

[@hermessantos181]

Thank you so much, I've been trying to make a search filter, i didn't know i was so easy!

[@tikkyfoxyt6831]

Really helpful dev mama…. Tq lot … I’m d one now junior 🏅dev becaz of yue . Keep grow us

[@dantom5386]

what a great timing, i was looking for it, Thank you so much❤

[@ryanmamboudjemtchemeu4289]

You just saved my day. Amazing video!

[@have_fun_hardC]

You are a life saver. Please make some more videos on e-commerce and Admin panel api integration.

[@devwaliba1132]

This saved me ... I'm very grateful.🤗

[@ayyasudeen3118]

You are the best! Safak

[@lekkyjayz6294]

Absolutely amazing stuff. Thanks!

[@francisakindejoye244]

This tutorial is fire. Thanks man.

[@vladmoca]

Thank you so much! That was very helpful and easy!

[@esraasaad9550]

This is amazing video and simple, Thanks you Lama

[@GreenDesert01]

Nice, thanks for this video and other videos you have released.

[@alimamedov9684]

Thank you for your effort, Safak!

[@DEEPAKKUMAR-jt9iv]

Love you bro what a way to explain.. It's so damn easy to filter the item just because of you

[@Dineshkumar-tx4fp]

Wow super this is really simple and easy to understand code really appreciate. It's amazing

[@Basil_Porphyrogenitos]

I love you Lama dev (in all amicality)

[@denissazonov9573]

Lama thank you so much! You lesson really helped me!

[@chimatamanohar127]

i think actually search functionality is difficult but you made it very simple and crisp

[@husniddinhalimov1719]

Amazing bro

[@roberainsarmu8135]

You made word class tutorial. thank you bruh

[@noorb374]

Thank you for this, it is much needed

[@mehrdad1068]

best Filter Tutorial 👌 thank you 🧡

[@tigersgaming2211]

Very grateful to you sir... Such a great explanation 🤠 thank you

[@olympusmotivation144]

This is so amazing, thank you so much for sharing this with us

[@shubhamgore4320]

hey amazing... Lama this tutorial was great as usual ... good work as you ask please start making tutorial on some intermediate-level and advance-level topic. we all want to enhance our skills.

[@regilearn2138]

Hi , thanks for all the support for react /javascript developers, my request is please do a react video how to use* All the FORM components like radio btn, select box,Checkbox,input, ,calendar etc,and group of those elements* and practically what we use in industry to build apps **without any third part library please only use pure react with hooks***,bcz it will give the clear idea before moving in to formik or any other libruary,i would appreciate if u can use Mongodb for this.I know u will help on this.

[@martindudlerschweizer9975]

ty for your simple explaination!

[@berksupertramp]

Lama as always it's an amazing video! Is there be any firebase content near ?

[@sagyblecher9258]

Great video, Thank you so much!

[@mishucodes6982]

Tysm Sir it's a very helpful videos. All of your videos are really helpful thanks a lot 😊❤👨‍💻🥳😍

[@hoangphuc1072]

Great tutorial. Thank sir for contribute this

[@gauravkhede8550]

EXCELLENT VIDEO Lama

[@GirishShahapurkar-ko3tf]

Amazing explaination sir🫡🫡✨

[@sethmwebi]

I like before i start to watch🙂

[@sahagarzoumanian7151]

Great video! Would be awesome if you can show us how to implement this in your social media app.

[@davithchhung7577]

A tutorial for elastic search would be great!

[@אריהיצחקוב-ב7כ]

Great video thanks for your effort😉

[@rchuhk100]

Love your vids! Thank you!

[@codevoicebd]

I can learn a lot.. Thank You so much

[@andrewaghoghovwia1948]

Thanks so much for your videos ..I find plenty of value in them.. if you can..I'll appreciate a video on AWS for web developers ..

[@adegunlegideon9675]

Nice Tutorials from you.

[@kwaku_2023]

Great abstraction.

[@sdfsfsfd437]

Thanks a lot!! Great video!!

[@sauravchaudhari8520]

Thank you, love you man ❤️

[@yamillayicov7256]

Thank you so much! Lama

[@rakish001]

can you make a video on how you set up your IDE, extensions you use, and any keyboard shortcuts you created?

[@Paktofonika1989]

Hey Lama, great video thanks for your effort. I have one more question though. You skipped the part where you changed the structure of your folders and created the API. How exactly did you create it? I can see there are autogenerated files like yarn.lock. Is there a good and fast way to do that? Thanks in advance!

[@abdinho200]

Make a video about table search, filtering and pagination using React and Node

[@stefanhupp7945]

you make it look so easy 👍 maybe it would be nice to show how to cleanup the useEffect in this tutorial too

[@realbapimallick]

Sir Please make 1.0 an Educational website with MERN 2.0 A Full Server Video ( Node.js, Express.js & MongoDB ) 3.0 How to make API 4.0 How to upload web app into WordPress or Hostiger 5.0 Full video on Git & GitHub. 6.0 How to host a website on WordPress That website has been edited on VS code

[@uttamdutta1762]

Amazing Video. Thanks

[@nayemalifahim6701]

think I have 5000 products in Mongodb now I want to show all products category on the home page but loading 5000 data is heavy what can I do now?

[@grenadier4702]

pagination or virtual scrolling