React Search Filter Tutorial Beginner to Advanced

Поділитися
Вставка
  • Опубліковано 29 жов 2024

КОМЕНТАРІ • 229

  • @adebisisheriff159
    @adebisisheriff159 Рік тому +25

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

    • @cchelseacxx
      @cchelseacxx Рік тому

      👆Send a direct message for help 🆙 ⬆️…

    • @yihffjjg
      @yihffjjg 2 місяці тому

      bro just made a dad online

  • @olamideabe4795
    @olamideabe4795 2 роки тому +8

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

  • @noiseeeee
    @noiseeeee 2 роки тому +10

    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.

  • @b166er4
    @b166er4 2 роки тому

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

  • @roman_mf
    @roman_mf 2 роки тому +1

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

  • @SimPwear84
    @SimPwear84 2 роки тому +28

    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
      @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

  • @mzohaib27
    @mzohaib27 Рік тому

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

  • @Pouyamousayi
    @Pouyamousayi Рік тому

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

  • @Abhishek_Poddar
    @Abhishek_Poddar 2 роки тому

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

  • @alivelidurali
    @alivelidurali 2 роки тому +8

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

  • @bennailyes9303
    @bennailyes9303 2 роки тому +1

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

  • @vinkim2802
    @vinkim2802 2 роки тому +1

    You're the best Lama

  • @badytouray294
    @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

  • @kouradev
    @kouradev 2 роки тому +2

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

  • @arunwarrier1873
    @arunwarrier1873 Рік тому

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

  • @hoangnguyenvan831
    @hoangnguyenvan831 2 роки тому

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

  • @sergiogarcia-di5nj
    @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 !

  • @paschalynukwuani6980
    @paschalynukwuani6980 2 роки тому

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

  • @waleedsharif618
    @waleedsharif618 2 роки тому

    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

  • @merxxibeaucoup9093
    @merxxibeaucoup9093 Рік тому

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

  • @mdkawsarislamyeasin4040
    @mdkawsarislamyeasin4040 2 роки тому +1

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

  • @Dev_who_decodes
    @Dev_who_decodes 7 місяців тому +1

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

  • @ANURAG_GUPTA576
    @ANURAG_GUPTA576 3 місяці тому +1

    Thanx i learned the proper way of filtering data

  • @cleaningspy
    @cleaningspy 2 роки тому +2

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

  • @efeenobakhare3327
    @efeenobakhare3327 7 місяців тому

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

  • @coder5336
    @coder5336 2 роки тому +13

    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?

  • @Worldwide-Shinchan
    @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

  • @justagirl3929
    @justagirl3929 2 роки тому +1

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

  • @roberstduke6728
    @roberstduke6728 9 місяців тому

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

  • @mrtherapy309
    @mrtherapy309 2 роки тому

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

  • @motivateme3152
    @motivateme3152 2 роки тому

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

  • @vers85
    @vers85 2 роки тому +9

    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?

  • @piyush9688
    @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
      @cchelseacxx Рік тому

      👆Send a direct message for help 🆙 ⬆️…

  • @AlexeyaLu
    @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
    @proemail3237 2 роки тому

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

  • @dennisngari1074
    @dennisngari1074 2 роки тому

    Thanks for the content Lama. Always grateful

  • @have_fun_hardC
    @have_fun_hardC 2 роки тому

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

  • @KR-ib5gp
    @KR-ib5gp 2 роки тому

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

  • @chimatamanohar127
    @chimatamanohar127 Рік тому

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

  • @hermessantos181
    @hermessantos181 Рік тому

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

  • @ofunreinyage9618
    @ofunreinyage9618 2 роки тому +1

    Awesome way to teach, always learning something new here

  • @ahmedmusawir
    @ahmedmusawir 2 роки тому +1

    Extremely helpful and very well done!! Thanx

  • @dantom5386
    @dantom5386 2 роки тому

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

  • @regilearn2138
    @regilearn2138 2 роки тому +1

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

  • @GustavoHenrique-mv8cl
    @GustavoHenrique-mv8cl Рік тому

    Great video man, simpler than I thought

  • @manojrawat5756
    @manojrawat5756 Рік тому

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

  • @agusalfandi6672
    @agusalfandi6672 2 роки тому

    bro, this tutorial is very solid and easy to understand

  • @poreddyvemareddy3685
    @poreddyvemareddy3685 2 роки тому

    Simple way of explanation. Thanks 🙏

  • @ayyasudeen3118
    @ayyasudeen3118 2 роки тому +1

    You are the best! Safak

  • @TBDfilesLalit_kalyan
    @TBDfilesLalit_kalyan 2 роки тому

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

  • @husniddinhalimov1719
    @husniddinhalimov1719 Рік тому +1

    Amazing bro

  • @alimamedov9684
    @alimamedov9684 2 роки тому

    Thank you for your effort, Safak!

  • @diiexe
    @diiexe 2 роки тому

    jeez you're a good teacher, thanks buddy

  • @DEEPAKKUMAR-jt9iv
    @DEEPAKKUMAR-jt9iv 2 роки тому

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

  • @tikkyfoxyt6831
    @tikkyfoxyt6831 2 роки тому

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

  • @berksupertramp
    @berksupertramp 2 роки тому

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

  • @sahagarzoumanian7151
    @sahagarzoumanian7151 2 роки тому +1

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

  • @lekkyjayz6294
    @lekkyjayz6294 2 роки тому

    Absolutely amazing stuff. Thanks!

  • @allidoit3742
    @allidoit3742 Рік тому

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

  • @ryanmamboudjemtchemeu4289
    @ryanmamboudjemtchemeu4289 2 роки тому

    You just saved my day. Amazing video!

  • @francisakindejoye244
    @francisakindejoye244 2 роки тому

    This tutorial is fire. Thanks man.

  • @shubhamgore4320
    @shubhamgore4320 2 роки тому

    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.

  • @esraasaad9550
    @esraasaad9550 2 роки тому

    This is amazing video and simple, Thanks you Lama

  • @denissazonov9573
    @denissazonov9573 Рік тому

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

  • @vladmoca
    @vladmoca 8 місяців тому

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

  • @regilearn2138
    @regilearn2138 2 роки тому +1

    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.

  • @olympusmotivation144
    @olympusmotivation144 2 роки тому

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

  • @devwaliba1132
    @devwaliba1132 2 роки тому

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

  • @Dineshkumar-tx4fp
    @Dineshkumar-tx4fp 2 роки тому

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

  • @GreenDesert01
    @GreenDesert01 2 роки тому

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

  • @davithchhung7577
    @davithchhung7577 2 роки тому +1

    A tutorial for elastic search would be great!

  • @noorb374
    @noorb374 2 роки тому

    Thank you for this, it is much needed

  • @Basil_Porphyrogenitos
    @Basil_Porphyrogenitos 2 роки тому

    I love you Lama dev (in all amicality)

  • @gauravkhede8550
    @gauravkhede8550 2 роки тому

    EXCELLENT VIDEO Lama

  • @roberainsarmu8135
    @roberainsarmu8135 Рік тому

    You made word class tutorial. thank you bruh

  • @tigersgaming2211
    @tigersgaming2211 Рік тому

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

  • @martindudlerschweizer9975
    @martindudlerschweizer9975 Рік тому

    ty for your simple explaination!

  • @stefanhupp7945
    @stefanhupp7945 2 роки тому

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

  • @mehrdad1068
    @mehrdad1068 2 роки тому

    best Filter Tutorial 👌 thank you 🧡

  • @gabrielalcantarabernardes8425
    @gabrielalcantarabernardes8425 2 роки тому +2

    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
      @bo4695 2 роки тому

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

    • @gabrielalcantarabernardes8425
      @gabrielalcantarabernardes8425 2 роки тому

      ​@@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
      @bo4695 2 роки тому

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

  • @kwaku_2023
    @kwaku_2023 4 місяці тому

    Great abstraction.

  • @sagyblecher9258
    @sagyblecher9258 Рік тому

    Great video, Thank you so much!

  • @yamillayicov7256
    @yamillayicov7256 Рік тому

    Thank you so much! Lama

  • @GirishShahapurkar-ko3tf
    @GirishShahapurkar-ko3tf 6 місяців тому

    Amazing explaination sir🫡🫡✨

  • @rchuhk100
    @rchuhk100 2 роки тому

    Love your vids! Thank you!

  • @hoangphuc1072
    @hoangphuc1072 2 роки тому

    Great tutorial. Thank sir for contribute this

  • @Paktofonika1989
    @Paktofonika1989 2 роки тому +1

    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!

  • @andrewaghoghovwia1948
    @andrewaghoghovwia1948 2 роки тому

    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 ..

  • @abdinho200
    @abdinho200 2 роки тому +5

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

  • @mishucodes6982
    @mishucodes6982 2 роки тому

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

  • @sauravchaudhari8520
    @sauravchaudhari8520 2 роки тому

    Thank you, love you man ❤️

  • @crust5532
    @crust5532 2 роки тому +1

    love these projects . Thank You
    May i know which font you are using in the VS Code Editor?!😊

  • @sdfsfsfd437
    @sdfsfsfd437 2 роки тому

    Thanks a lot!! Great video!!

  • @codevoicebd
    @codevoicebd 2 роки тому

    I can learn a lot.. Thank You so much

  • @ucthainguyen289
    @ucthainguyen289 2 роки тому

    Thank you so much master Lama! Can you please make a video about basic elasticsearch? It's very appreciated. Thank you again!

  • @אריהיצחקוב-ב7כ
    @אריהיצחקוב-ב7כ Рік тому

    Great video thanks for your effort😉

  • @timduncan8553
    @timduncan8553 2 роки тому

    Thanks a lot, and please try to make something like adding stories which expires after a certain time maybe for the LamaSocial app, bless up

  • @sethmwebi
    @sethmwebi 2 роки тому

    I like before i start to watch🙂

  • @adegunlegideon9675
    @adegunlegideon9675 2 роки тому

    Nice Tutorials from you.

  • @leelynnchanel
    @leelynnchanel 2 роки тому

    Hello Lama, biggest fan of yours!! Would you ever clone Udemy using react or next.js?