useCallback Hook in React in Hindi | Understand useCallback vs useMemo | React Hooks for beginners

Поділитися
Вставка
  • Опубліковано 15 вер 2024
  • Hey People, in this channel ‪@yoshitajain0812‬, in this video we will learn -
    1- What is useCallback hook in #reactjs in #hindi ?
    2- Why we use useCallback #hook in #React?
    3- How to use it with example.
    4- Difference between useMemo and useCallback.
    ****************************************************************************
    Thank you for supporting guys :)
    Love,
    Yoshita

КОМЕНТАРІ • 239

  • @ABHISHEKKUMAR-kb2yp
    @ABHISHEKKUMAR-kb2yp 7 місяців тому +37

    Maine react series k liye codewithharry, chai aur code, technical thapa, techgun sabhi ko try kiya samajh aaya but doubt rh jata tha but aapka video dekhne k baad doubt v nhi rhta. Thnx for your wonderful tutorial on react. you just talk on point, no extra line to add volume. just straight to the point.

    • @Mlletubaa-o
      @Mlletubaa-o 6 місяців тому +1

      bhai nokri lgi khi mujhe bhi lgva do koi
      comnt krk cintact krle bhai

    • @tarunpanwar6983
      @tarunpanwar6983 4 місяці тому +2

      Bhai chai aur bdia h ekdm

    • @ayushsharma3556
      @ayushsharma3556 3 місяці тому

      No one can explain like you❤ thank you for this wonderful video.

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

      Sahi kaha bhai mai bhi codewithharry aur chai aur react dekhkar yaha aaya hu trust me she explains it in much simpler and easier way

    • @VISHALKASHYAP-tl1qg
      @VISHALKASHYAP-tl1qg 3 місяці тому +1

      Mai bhi chai aur react ke baad yaha aaya hu ab jaake react samajh aari h

  • @bhagawatilalpatidar1615
    @bhagawatilalpatidar1615 Рік тому +8

    Bahut si jagah pad liya or bahut si video dekhi but ye wala concept yahi clear hua, thanks 🙏

  • @bilaljaved1900
    @bilaljaved1900 4 місяці тому +4

    @Yoshita jain your tutorials are great, but little mistake here 5.25, you are wrapping Child component with React.memo not with useMemo hook

  • @raodanish8724
    @raodanish8724 12 днів тому

    I tried many videos on usecallback but how you explain it simply clear my concept about it thank you and keep it up.

  • @jitendrakumarjat855
    @jitendrakumarjat855 4 місяці тому +3

    ma'am your explanation is superb jab se aapki video dekhi hai saare doubts clear ho gaye thank you so much ma'am for making this types of content
    ❤❤

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

    Your hindi explanation is outstanding. Many people creates tutorial, but you have create it straightforward and simple in hindi. 🙂👍

  • @confusedLadka
    @confusedLadka 10 місяців тому +3

    Mujhe Callbacks samjhne me bhut problem thi... But apne jese simplicity ke sath samjhaya wo ek bar me samjh me aa gya... Thankyou so much Yoshita.

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

    Really very nicely explained with examples appreciate your efforts ☺️

  • @mongalmoy_karmakar
    @mongalmoy_karmakar 11 днів тому

    Very very informative. Thanks ❤

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

    Yes your videos helped me a lot I m trying to study React js since last 6 months...but I learnt very easily within 2 days from your video...
    I love your explaining style... Its very sweet and short...Keep posting more and more videos of Reactjs...

  • @udy1897
    @udy1897 3 дні тому

    Great channel for revision

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

    Thank you Yoshita, bahut achchhe se clear kiya aapne.....

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

    Your pedagogy is superb and invincible..pls mam build more and more video video so that we can learn best from you.

  • @right-network
    @right-network 2 роки тому +10

    Hii Yoshita i hope u are doing well.. the way u are explaining the things are superb and with in one time only u cleared all the doubts.. so thanx a lot and i am waiting more videos on table pagination , sorting , dropdown page filter... plz make one video on that... and your voice is so sweet ❤❤❤❤

  • @rikawrites7104
    @rikawrites7104 6 місяців тому +1

    Thank you sooo much 🕺 bas aapne hi achhe se concept clear Kara 🤍

  • @rahehaq5536
    @rahehaq5536 9 місяців тому +1

    Very well & simple explained . Easy to understand as well.

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

    Thank you ma'am you helped me alot to learn usecallback hook. Your way to teaching and clearing the doubts are so osm. Once again thankyou!

  • @animeshkumarjha4069
    @animeshkumarjha4069 6 місяців тому +1

    Thankyou ma'am it was wonderful explanation. Thanks a lot

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

    Hii Mam Yoshita. I realiy appriciate you. I have understood the React hooks well by watching your React videos lecture. Your way of teaching is very good. Thank you

  • @gajanankanekar9118
    @gajanankanekar9118 8 місяців тому +2

    Thanks. Short and sweet explanation

  • @MaheshSharma-vh6dt
    @MaheshSharma-vh6dt Рік тому +1

    Very nice yoshita ji use callback achche se samjh aa gya

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

    Appreciation is must and build more n more problem solving projects on react with redux It would be more enhancing !! :)

  • @48-it-shivamkale94
    @48-it-shivamkale94 Місяць тому

    Thanks for such content.keep going👍

  • @NANDJEE1
    @NANDJEE1 5 місяців тому

    i think the best totorial on youtube for react understanding. please keep it up...

  • @003abdullahahmed5
    @003abdullahahmed5 2 місяці тому

    plz make a resume level project using JS and react, the way u teaching pretty awesome😊

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

    I have learned lot of things to you,thank you so much 🌼🙌

  • @bharatkumawat6992
    @bharatkumawat6992 5 місяців тому

    It is helpful rtome for understand the difference b/w usememo and usecallback thank you

  • @blackmamba3984
    @blackmamba3984 10 днів тому

    useCallback is a React Hook that is used to memoize a callback function. This helps prevent unnecessary re-creations of functions on every render, which can be important for performance optimization, especially when passing functions as props to child components that are wrapped in React.memo or when the callback is a dependency of other hooks.

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

    Crystal clear, Nicely explained.

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

    Easy to understand and concepts are very clear thanks 👍🙏

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

    Shree Sitaram JI
    Very well, Simple beginnerfriendly explaination

  • @RamManoharKoruprolu
    @RamManoharKoruprolu 5 місяців тому

    It's a geat vedio. Everying will say about redering.But the way u said about referntial equality is good thing.

  • @chetanrebari7267
    @chetanrebari7267 13 днів тому

    Hii yoshita batter content provided. I'm a angular developer

  • @TarunKumar-cn6in
    @TarunKumar-cn6in Рік тому +1

    Amazing Explaintnation

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

    Thank u mam just aap ki videos usememo and use callback hook literally understand hogaya thanks

  • @paragjain8289
    @paragjain8289 Рік тому +2

    like always crystal clear😄

  • @AnjaliMishra-ec6kb
    @AnjaliMishra-ec6kb Місяць тому

    I learned a lot from you.
    Thanks

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

    Thanks for the great explanation. Your videos are short but has great content.

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

    Great video 💪✅💯❤️1️⃣

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

    Perfect job mam, Thanks a lot😊

  • @shrawansingh9142
    @shrawansingh9142 Місяць тому

    sab kuch ezepzee kr diya Yoshinaga mam (Sinchan's Teacher)

  • @RaheelRashid-w1m
    @RaheelRashid-w1m Місяць тому

    this video is very helpfull to me

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

    this is a good example for use callback and useMemo very easily understood

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

    Where are you yoshita till now, You are explaining so good, I like the way you had explained. Thank you so much yoshita.

  • @abhidev488
    @abhidev488 Рік тому +2

    Hi first of all thank you so much for this video it's you who cleared my doubts. Now I am curious how can we use useCallback if we are sending setAdd or may be setCount in Child component. In my project I have above situation. Thanks in advance

  • @prathamesh_7511
    @prathamesh_7511 5 місяців тому

    Explained in detail! Thank You so much ❤

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

    11:02 Itne time se jor jor se bata raha tha suna hi nhi aapne ....
    well done keep make such viedos 😉

  • @mohammedmussavir5823
    @mohammedmussavir5823 19 днів тому

    Amazing explanation

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

    good explanation with simple examples thank you mam .could you please make videos on react portals and modal.

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

    we can alsoe use again usememo mam instead of calback in parent comp i try it and it is working

  • @PankajPatel-zh8mf
    @PankajPatel-zh8mf 2 роки тому +2

    Excellent explanation 🙏🌸

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

    very easy way of explanation keep doing good work.

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

    Easy to understand which is described by you . Thank you for the video 😃😃😃

  • @aliston_gomes
    @aliston_gomes Місяць тому

    great explanation

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

    Your tutorials make clear understanding over the react hooks.

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

    Thank you so match for the easy explanation. I am following this course and you are teaching outstanding. please upload full playlist as soon as possible.

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

      Thank you so much, I'll upload full course as soon as possible :)

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

      @@yoshitajain0812 Thank You so much for Your kindness :)

    • @1minutebizz309
      @1minutebizz309 2 роки тому

      @@yoshitajain0812 apki voice bhi acchi hai thoda fun kia kijiye between video so engagment banta rhe ma'am ji

  • @maaznaveed-z2q
    @maaznaveed-z2q 7 місяців тому

    Hi Yoshita i hope u are doing well,
    the way you are explaining is excellent But I want to know that we can also use useMemo also instead of useCallback so What is the big difference between usememo and use Callback

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

    Good Video. Thank for making valuable video.

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

    this video has been so much helpful to me .Thanks

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

    nice explanation,

  • @YogeshkumarPatil
    @YogeshkumarPatil Місяць тому

    Good Video.

  • @sarthakdas5859
    @sarthakdas5859 2 роки тому +22

    One correction: React.memo and useMemo() are not the same thing. You got that wrong in this video, but the overall explanation was excellent.

  • @dhruvilvaghasiya45
    @dhruvilvaghasiya45 4 місяці тому +1

    i like your videos😍😇

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

    Great explanation...forced to subscribe.. awlaa lrki

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

    Ma'am you are the best 👌

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

    very helpFull get about Hooks tqMam

  • @swapnilrai-x8i
    @swapnilrai-x8i 4 місяці тому

    Clear All doubts Hats Off

  • @VijayPatel-ez4lp
    @VijayPatel-ez4lp Рік тому

    Very helpful video

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

    Really you explained so well ....that i dont even need to watch anyone else video.......will you please make a detailed videos on AgGrid React

  • @JyotiKumari-ki4tw
    @JyotiKumari-ki4tw Рік тому

    Very nice Explanation...Thanks

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

    Good work ❤

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

    Aap bahut achchha padhate ho. Bachchha bhi apse sikh jayega. Bahut sweet bolte ho.

  • @shubham5646
    @shubham5646 Місяць тому

    Yoshita you r killer ,kudos to you

  • @ravikumar-sb2bt
    @ravikumar-sb2bt 2 роки тому +1

    Mam actually jab apne dusre button par count={count} child component pass karne ke liye, pass karha tha bina koi dependency ke data fer bhi console per a raha tha actually we should try this
    yeh correct hai apke wala me data console per a raha tha try karna
    Please pinned Message for acknowledge

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

    Dhanyawaad Guru...❤

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

    great mam🙀

  • @omnamayshivaya
    @omnamayshivaya Місяць тому

    That is not called arrow function that is called anonimos function but kuch sikhne Mila 👍👍👍

  • @user-hj4pw7ge6o
    @user-hj4pw7ge6o 6 місяців тому

    ❤Thank you mem wonderful explanation but I have a doubt why childA compo rendering while it's not mentioned in empty dependency in learning usecallback can you explain it or anybody guys.

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

    thanks for clearing this consepts Yoshita.

  • @blackmamba3984
    @blackmamba3984 10 днів тому

    1:01 to just 30 sec----- if usememo nad usecallback function are increses the performance so why usecallback is neeeded??
    3:44 4:53---how componenent rerendered when button is clicked this is a problem of performance
    4:55 to 5:50---one solution is usememo to avoid the rerender function in the componenet
    that is ok but where we use useCallback hook ????
    5:56 to end where to use usecallback hook

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

    Love your videos sis.. So much simplified

  • @karankhandelwal5651
    @karankhandelwal5651 3 місяці тому

    Nice explanation , just one doubt , can we not make Learning function also using usememo with empty dependency so that it gets called only on mounting of component App.js, instead of usecallback . And let the child component use memo function. I Guess in this way also we can handle without using usecallback

  • @mahimatolani813
    @mahimatolani813 Місяць тому

    Great explanation.. Just one doubt isme aapne usecallback me jaise btaya hai count pass kia h apan ne but count likhne k bina bhi jaise hi count ki state change hotti h child component rerender hota haii. aisa add k sath ni hotaa. I didnt understand the reason behind it can you please explain

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

    so beautiful , so delegate just explain like a wow

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

    Easy to understand 🔥

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

    Thank you, Yoshita its really helpful

  • @nishchaljain9351
    @nishchaljain9351 5 місяців тому

    Beautifully explained....

  • @DEVENDRAKUMAR-ts3eh
    @DEVENDRAKUMAR-ts3eh Рік тому

    Video helpful rha thanks provide the content theek hai 🤗😄

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

    Really great video 😍

  • @ayushsinghteotia7240
    @ayushsinghteotia7240 Рік тому +2

    Hello I have one question jab aapne or ek function banya count ka to jab callback empty tha [ ] to bss humara first addition re render nhi hora tha ryt and otherside count increase hora tha re render hora tha even jab humne ye bhi mention nhi Kiya the [count] so i am confused if i add this[ add] so both are re rendering i hope u will reply :)

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

    WellDone acha samjaya ha and I suggest please change your mic and attaract more students 😘

  • @RohitYadav-fo3qi
    @RohitYadav-fo3qi Рік тому

    thanks for all videos ma'am.

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

    Ma'am Thank you so much ❤

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

    Thnx a lot 👍👍👍..

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

    Thank you mam ❤❤

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

    great ....! explanation thanks a lot

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

    ur explanation is very good to the point 🌚

  • @HeetDayani
    @HeetDayani 10 місяців тому +1

    What is trick to remember hooks in reactjs😊

  • @SarveshKumar-bl9in
    @SarveshKumar-bl9in 5 днів тому

    If i not pass the count variable in dependency then i also showing aur child component . please solve it

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

    thanks again !!!