JavaScript Memoization Made Simple!

[@TheCodeCreative]

kzbin.info/door/mOpHGj4JRWCdXhllVTZCVw

[@MajidJahangir-u6v]

Excellent explanation. The best i have seen on KZbin

[@TheCodeCreative]

Glad it was helpful!

[@_____AjCoder______]

this video is so underrated !! good job bro cant be explained any better 👏👏👏

[@TheCodeCreative]

Glad you liked it!

[@clydecalador]

With such explanations I really hope your number of subscribers increases dramatically. This was by far the best explanation I have seen on this topic. Keep doing what you're doing, you have a gift for teaching!

[@TheCodeCreative]

Hi Clyde, glad to hear it. Thanks for the comment!

[@caizza3]

Such a beautiful explanation, in-depth yet clear. Thanks!

[@TheCodeCreative]

Glad to hear, thanks for watching!

[@aravindm6124]

Awesome explanation!!!!

[@TheCodeCreative]

Glad to hear it!

[@nerogatonevoso945]

Great explanation! I am making some of Underscore library methods from scratch (for a bootcamp) and was stuck on _.once and _.memoize, but that helped me understand not only about caching but also to be able to do the _.once function, which has similar principles. Thanks!

[@TheCodeCreative]

That sounds like a great thing to do with the Underscore library 👍🏻 Glad this was helpful Nero. Thanks for watching!

[@case_tips]

Really creative explanation

[@TheCodeCreative]

Glad you liked it

[@aya2222]

Very clear explanation and example!!! Super helpful!! Thank you so much!!!! I also watched your "debounce" video, also wonderful tutorial!! Btw, Do you think your playlist "Javascript" is for people who are learning Advanced JS? I want to learn Advanced JS since I finished basic tutorial and I wonder if the playlist is for me.

[@TheCodeCreative]

Great! Your'e welcome! Yes, that JavaScript playlist has some advanced topics. In particular, I'd check out the videos on the Comparator function, the Rest and Spread Operators, Reduce, and Hoisting. Cheers!

[@aya2222]

@@TheCodeCreative Thank you for your reply! I will finish your Javascript playlist!! Btw, do you have any recommended books to deepen our understanding for these JS concepts?

[@TheCodeCreative]

@@aya2222 Yes, check out Kyle Simpson's series "You Don't Know JS"!

[@aya2222]

@@TheCodeCreative thank you!! I will check it!!

[@TheCodeCreative]

@@aya2222 👍🏻

[@yusefdaramay2177]

That was such a great explanation! Thanks 🙏

[@TheCodeCreative]

Thanks for watching Yusef!

[@zameeebasha]

Can't get clear than this. Great job Gregg. 🙏

[@TheCodeCreative]

Hey Zameerbasha, thanks!

[@manedurphy]

Excellent explanation. Subscribed.

[@TheCodeCreative]

Thanks Dane and thanks for watching!

[@ninjarogue]

Hey, where is up with your font? the === and

[@TheCodeCreative]

Those are font ligatures for VSCode.

[@yuanzhang8956]

subscribed! Thanks for the video. I will def check more of your videos! I still have a question, if we run the memoize function for two times, doesnt the catch get reassign as am empty obj again? Coz the first line of the code to make it an empty obj??Thanks in advance!!!

[@subhashgn1775]

Very well explained. Thank you. I have one question, if we are passing only one argument to the function why are using ...arg?

[@lexarisa8418]

...arg allows the flexibility of passing several arguments. Only in this case are we passing only one argument. Hope this helps

[@subhashgn1775]

@@lexarisa8418 Thank you.

[@beingviksa]

Great explanation. In React there is a React. memo hook. Does this concept work behind the scene there?

[@TheCodeCreative]

Thanks Vikram!, Yes, useMemo works with the concept of memoization.

[@PIYUSH-lz1zq]

Please bring more such concepts of js with implementation.

[@ManontheBroadcast]

if ...args is an array then how can we say cache[args] ? Shouldn't we iterate over each one?

[@TheCodeCreative]

We don't have to iterate because if we store an array as the property on the object it will be coerced to a string.

[@TheCodeCreative]

📖 Download my FREE "Google Search Secrets for Developers" Cheat Sheet: store.thecodecreative.com/google-secrets-cheat-sheet

[@IbraheemOmar-fn1ze]

Noticed some of your symbols look different? Are you using an extension to change this?

[@TheCodeCreative]

Those are fira code ligatures

[@IbraheemOmar-fn1ze]

@@TheCodeCreative cool. What is that? Also how do i get it?

[@TheCodeCreative]

@@IbraheemOmar-fn1ze Here it is: github.com/tonsky/FiraCode

[@tanzeemahmed8609]

I am a noob in JS. Can someone please explain the syntax of function that is getting returned from memoize. How do we have access to ...args and how does args get value from outside, why can't I console.log ...args as first line inside the memoize function. I really can't get my head around the return function syntax

[@TheCodeCreative]

Hi Tanzeem, the "memoize" function returns a function. So, if we invoke "memoize", we can assign its result(the function that gets returned) to a variable. Since that variable is now a function, we can invoke it and pass in an needed arguments. And we can use the "rest" parameter(...args) to gather up those arguments.

[@TheCodeCreative]

Also, here's a video explaining the Rest Parameter: kzbin.info/www/bejne/p53EZJV3idiUmtk

[@tanzeemahmed8609]

@@TheCodeCreative makes sense to me now.

[@TheCodeCreative]

@@tanzeemahmed8609 👍🏻

[@TheCodeCreative]

🗣JOIN the Code Creative Facebook group! : facebook.com/groups/1612600368887577

[@ShreyasKumar]

LOVED IT

[@TheCodeCreative]

Great, thanks for watching!

[@jacinyan3893]

Hi, just wondering if you can make a video to relate this to React memoization and hooks, say useMemo and useCallback. I think that would be highly appreciated by a lot of us😁

[@Troy-ol5fk]

Please make a video about browser devtools

[@TheCodeCreative]

Great idea. Anything in particular about the devtools?

[@Troy-ol5fk]

@@TheCodeCreative The breakpoints seems difficult to me

[@TheCodeCreative]

@@Troy-ol5fk ​ Gotcha. Yes, those can be confusing. Thanks for the suggestion!

[@dougm3162]

I only understood half of this, but damn was it cool

[@TheCodeCreative]

👍🏻👍🏻👍🏻

[@mohamedyoussef8835]

Super Awesome +++++++++++++++++++++++

[@TheCodeCreative]

Thank you! Cheers!

[@neilstrong1735]

You are using closure concept

[@photontube]

Why is the small number of subscribers here?

[@TheCodeCreative]

KZbin is a tough nut to crack! :-)

[@photontube]

@@TheCodeCreative I hope your channel will be one of the leading dev solution hub after atmost a year. Keep teaching us sir. Thank you.

[@TheCodeCreative]

@@photontube Thanks! I appreciate it!