React Hooks Tutorial - 26 - useCallback Hook

📘 Courses - learn.codevolution.dev/
💖 Support UPI - support.codevolution.dev/
💖 Support PayPal - www.paypal.me/Codevolution
💾 Github - github.com/gopinav
📱 Follow Codevolution
+ Twitter - / codevolutionweb
+ Facebook - / codevolutionweb
📫 Business - [e-mail]
useCallback Hook in React
kentcdodds.com/blog/usememo-a...

[@lukemuga434]

The way you break down complex concepts into clear and concise explanations that are very easy to understand is just amazing. Keep up the good work

[@quanhglam]

“The question you might have is …” satisfies me every time. Very thoughtful videos.

[@jsnjocsin]

I've been starting learning react just this week and this video helps me understand one of the fundamentals of React in a clear and understandable way. Kudos to the author of this tutorial, keep up the good work!

[@nickstaresinic9933]

All videos in this series are very well organized and presented. The explanation in *this* particular video is the clearest I've come across on using Memo & useCallback to prevent unnecessary re-renders. Thanks.

[@manishrana9078]

The way you explain the use cases and why and in which condition we must use certain things is just amazing. It's easy to learn concepts from you.

[@kaveenhyacinth]

I was seeking an extensive explanation for useCallBack hook. I found it today! You are amazing bro 💙

[@hongcai4617]

I really appreciate your logic and hard work. I got stuck in my project and needed to come and understand why it was designed like that. Then your explanation enlightens me with easy examples. You should earn millions of subscriptions.

[@sarahwbs]

Great explanation of Memo and useCallback! Very thorough and clear.

[@craft99]

Breaking down that sentence was incredibly helpful. Thank you.

[@prakhar2806]

Have been having problem for a long time understanding the concept before this very video. The simplest explanation. thanks for the great video

[@icecofffeee]

Great stuff! Its near impossible to find people who can explain complex topics with such clarity

[@LuisPintado]

I have seen other videos that cover this topic, but it is in this one that I really understood how it works. Thank you!!

[@pannihto7588]

The best explanation I've seen so far. Thank you

[@coder_monkey]

Dude, this one is super cool. The way you explain the stuff is far better. I wish you could have written the React docs.

[@Jason-uv5tm]

Honestly, though there is nothing wrong with react docs because if you are learning react correctly, you should know what a dependency list is (from useEffect), and if you know javascript, then you should know what callbacks are. Only my opinion though, you do you.

[@singleren]

The best explaination on useCallback so far

[@ritheeshthomas8441]

You are an amazing tutor. The way you explain the concepts are just amazing. Really helpful.

[@haciendadad]

Thank you for making this hook easy to understand!! I don't know what, but I was having trouble understanding this one, but your simple, clear example was just perfect! I looked at like 6 other videos, and yet this one clicked with me. You just got a new subscriber!

[@Mohamed-M-M]

Very informative & well explained in detail, Your way of teaching is amazing, thank you.

[@ionitaa]

Great videos. Please do a component test series after hooks!

[@srinivas539]

Learned React easily with your concepts; you saved lot of hours to invest learning topics.

[@pashapear8795]

Thank you! This was very informative and well explained.

[@dukewellington5222]

Concise and actionable. This here is an textbook example for how tech tutorials should be.

[@hercules2170]

I love your content..You explain concepts in such an easy manner! Happy to have found your channel! :)

[@PriyankaSingh-vm4kv]

No words to describe how easily you explain this concept 👏👏👏

[@shakhawathossainshawon4769]

What an Explanation brother! Keep it up. You have amazing talent. Appreciate it.

[@najimali32]

This is the best video I have seen on useCallback. Thank you so much!!

[@neerajyadav1522]

Really nice explanation of useCallback hook. I knew about other hooks, but this was alien to me, but you explained it really well. Subscribing for the explanation.

[@tiagocunhafernandes6607]

Very good example. I love see logs to check performance issues!!!

[@shawnlee5956]

the best version of explaining useMemo & useCallback Hook!

[@TheSatheeshmca]

The way you are explaining is awesome thank you so much for sharing this video and your knowledge.

[@jorgericaldi6438]

omg, you explain like god. Really easy to understand you man. thanks so much :)

[@poryanikmaram3444]

the best simplified content you can see for useCallback hook ! 👋

[@onesome7713]

definitely the best lecture I've ever watched! Thx!

[@tabrezrahi]

its worth it to watch your videos after 3 yrs of uploaded concept are clear

[@drewstifler1440]

You can optimize it more by passing the updater function as the dependency const incrementAge = useCallback(() => { setAge(age=> age + 1) }, [setAge]) Result: Rendering Age PS: it also work without dependency

[@abhijeetmaurya7355]

Can you point out to the source from where you read about it.

[@drewstifler1440]

@@abhijeetmaurya7355 react official docs usecallback.

[@asananddevsingh]

Even no need to pass "setAge" as a dependency, because it is not the argument of the inner callback function. const incrementAge = React.useCallback(() => { setAge((prevAge) => prevAge + 1); }, []);

[@drewstifler1440]

@@asananddevsingh i already said that

[@asananddevsingh]

@@drewstifler1440 Yeah, You are Right.

[@7huannp]

Excellent. Only this video makes everything clear for me. Thanks

[@swingtradersindia]

This is the best explanation..I never comment on any youtube video but This video was really awesome.

[@ramineghbaliankhob9685]

you are a real teacher, thank you for this tutorials

[@MrChubib0]

Easy to understand because of the good explanation! Thank you

[@user-mo3cw6go7c]

Take a complex and scary subject and make it really simple You deserve to be appreciated

[@yashthakur7419]

One of best explanation skills I have come across

[@nikoreva2078]

Really great video!!! I learned a lot in these 15 Minutes!

[@classicaltv595]

Thanks! I really appreciate your work!

[@ashutoshtelang8621]

Totally got with the callback concept thank you

[@balamca416]

excellent explanation, new function is created each rerender, and to solve that function should be memorized using a callback hook👏

[@AvinashRathod]

Very well explained , thank you.

[@rajendra_K_]

Thank you very much explaining the concept in a easy way :)

[@sankarrajendran]

Thanks for the video really explains the concepts well. I hope you are doing this way to convey the concepts. If you separate salary and age as a different component with its own state, there is no need of memo or callback. You should have mention these kind of tips at the end. Most of us watching the tutorials are beginners while explaining the concepts if you include best practices also would be really helpful. Thanks..!!

[@vishalupadhayay6391]

This was just an example! Think of a complex application with multiple child components.

[@johnmcaulay4348]

Best explanation I’ve seen, thanks!

[@justinthareja5881]

Another place you might want to implement useCallback is to maintain referential equality to functions passed into the dependency array for useEffect, etc.

[@atikhashmee2009]

excellent explanations. thank you so much for your effort

[@saranyad1446]

Great. I became clear in this topic after viewing this video

[@HarshSingh-hk8fe]

this is the best explanation of this hooks , now i know how its working

[@subhashgn1775]

Thank you, Vishwas. Really great explanation.👌👌👌👌👌

[@augustineonyekachiadmiora9015]

First time I understand useCallback thanks brother

[@zainuddin1205]

Such a good way of teaching!

[@antonetrinh8662]

This is how to explain useCallback. Just Perfect.

[@sachiechan]

Awesome explanation!! Thank you very much :)

[@luizdanella4019]

What amazing video! This is great man!

[@abhishekvishwakarma9045]

awesome Explanation and thanks for the blog 🔥

[@abhisheksatyam4733]

I learned so much, thanks !

[@MajedDalain]

thank u for a great and well-explained video!

[@nanto88]

crystal clear explanation, thank you, muito bom

[@techycode2217]

Crystal Clear explanation ❤

[@shorty235z]

Not going to lie, this one may took me a few times to rewatch to get my head wrapped around.

[@jagdishshetty4782]

Great tutorial !!!

[@AMANKUMAR-jc2fz]

Great Man thanks 👍 really today I understand the way to use these 😁

[@agrajyadav9]

awesome as always

[@rohil3023]

I love your videos!

[@mytech-youtube8436]

Amazing explanation!

[@elmeroranchero]

I recommend reading the article he put in the description.

[@thangphan6047]

Thank you so much, I really really appreciate it :)

[@himanshushekhar3694]

Wow This is Awesome!! great explaination...

[@prashenjeetroy7551]

awesome video man

[@facundovega1726]

EXCELLENT EXPLANATION!!

[@AbhishekNigam]

Good explanation!

[@ascodes3461]

Great one🤩

[@mathearts9739]

explained clearly new subscriber here thank you very much

[@asananddevsingh]

This way will prevent the re-rendering of buttons too. const incrementAge = useCallback(() => { setAge((prevAge) => prevAge + 1); }, []);

[@harshalsingh2443]

How is this happening

[@asananddevsingh]

@@harshalsingh2443 This is because, I've removed the dependency of useCallback i.e age and using function while updating the state of age, it will automatically give me previous state of age. Remember here handler function is not dependent on age.

[@shobikakalidasan7621]

Great Explanation

[@johnconnor9787]

Greatly explained

[@himanshushekhar3694]

Really great video thanks a lot

[@MrRorypam]

Very good understanding.

[@emyboybeats4330]

Codevolution Your just the best

[@growingisgood]

Amazing explanation.

[@axyLms]

its beautiful... Thanks you

[@t.manikantareddy8681]

You're Awesome Dude....

[@bolbolstudio1264]

you are a legend

[@MuhammadAhmed-wb2sq]

thanks for those videos.

[@milindjain544]

Awesome explaination

[@VishalSharma-rn7mt]

Awesome, explanation

[@Kg.gibson]

great work thank u

[@thecosmetrohub2737]

The best content ever

[@mprasanth18]

Your videos are great. I would like you to pass function to setState and don't use any dependency in useCallback, so that only the age and salary component will be rerendered and the buttons will not be rerendered.

[@shucheendrat.m6024]

Thanks for this video

[@deepaknegi453]

@Codevolution, could you please tell me what color theme are you using for VS Code?

[@achintyaagrawal]

Really helpful

[@itmazdoor7443]

Thanks a lot 🙏

[@DeepakRaghuwanshi04]

Hey buddy, I am following you from your first react video. You are good. When have you plan for redux videos?

[@MuhammadWaqas-ux1zu]

Thanks you . very good