Hey bro! Awesome content. In your third approach you are deleting the property "delete nodes.btn". But "useStrict" doesn't allow us to use "delete". What can be other way to do that?
Hey hey, thanks for a great remark! Here's an article that I found, apparently it happens because the property is non-configurable. Maybe you can find something useful here :) developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Cant_delete
Hello, with the setTimeout memory leak. Does no variable ever get garbage collected inside of setTimeout, or is it just references to dom elements that dont get cleaned up. If you had node set = to 10 would it still have been a memory leak?
wow this is a great video . I'm curious where did you learn how to use the developer tools for memory and performance ? I haven't used those tabs in my work but would love to do so in the future
The setTimeout example is wrong. It doesn't hold on to the variable. It creates a new one every time and if 'node' doesn't exist in the DOM it will throw an error. Did you test any of this? Also not a good example of a memory leak.
This pretty interesting, but when it comes to determine memory leaks in app like Angular, it very difficult to find it. Because it's huge amount of functions in it, and names like "lj, H9, Xv"... not sure what all those functions comes from. Do you know how debug memory leaks in TypeScript apps? I believe it's after transpiler comes those names.
Yes, you're right, it's quite challenging to find memory leaks when using JS frameworks. My suggestion would be to monitor the memory while you interact with the app, to at least be able to pin down the problem. Also, in the "Performance" tab, you can stumble upon you own methods, among framework-native methods, if you look close enough.
Hi, I am from VietNam, thank you for your video but I have a problem with my node server, I don't know how to debug the memory leaks in that Please help me, thank you so much
Hi i have an issue with my nestjs application even there is no api calls from day 1,the cpu usage is increasing gradually, could you please share any idea how to fix that
Do you have schedules under the hood? First of all, ensure that your measures are right, sometimes people do measures improperly. Then start with cutting modules one-by-one
Symptoms 1. Page unresponsive. NOT A MEMORY LEAK! ALMOST ALWAYS RECURSION. 2. Slow browser. COULD BE A MEMORY LEAK. NOT A GUARANTEE. 3. Slow OS. AGAIN, COULD BE A MEMORY LEAK. LIKELY COMPLETELY UNRELATED. Very bad examples. The only valid examples, which you didn't even mention, are: 1. Browser or tab crashes with out of memory error. 2. Task Manager shows your browser is using a tremendous amount of memory. That is it.
And how do YOU guys detect and overcome memory leaks in your projects? Feel free to share your approaches below 😎
Your channel is very underrated, amazing job.
Useful content with crystal clear explanation
Really good and very easy to understand and follow. I learned new things. Thank you ☺️
This video is surely going to be a life saver for me, Thank you
This video is really helpful, you explained very deeply, thanks a lot!
You are so good with your explanation. Thank you.
Happy to hear mate! Let me know if there's any topic you'd like me to make a video about :)
Hey bro! Awesome content. In your third approach you are deleting the property "delete nodes.btn". But "useStrict" doesn't allow us to use "delete". What can be other way to do that?
Hey hey, thanks for a great remark! Here's an article that I found, apparently it happens because the property is non-configurable. Maybe you can find something useful here :)
developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Cant_delete
Thanks, seems promising, ill try to use what i learned to identify and fix a mem leak at my now with it
Great information and excellent presentation.
Glad it was helpful!
Excellent and clear explanation, thanks:)
Thank you too, happy to hear! :)
תודה רבה, עוזר מאוד.. 🙏
Hello, with the setTimeout memory leak. Does no variable ever get garbage collected inside of setTimeout, or is it just references to dom elements that dont get cleaned up. If you had node set = to 10 would it still have been a memory leak?
Amazing video❤ The fact that it has so less views and engagement makes me kinda sad
Thanks for the kind words! 😊
Awesome explanation 🎉
Thank you!
such a great video, I'm looking forward to see more content like this, you got a new sub.
Happy to have you here, German :)
wow this is a great video . I'm curious where did you learn how to use the developer tools for memory and performance ? I haven't used those tabs in my work but would love to do so in the future
Please do more browser dev tools stuff, especially performance in a big live site with loads of requests going on
I'm thinking about making a separate course on JS performance, so stay tuned!
@@SoftwareDeveloperDiaries great news, thank you!
a GREAT explanation. thank you so much
Glad it was helpful!
The setTimeout example is wrong. It doesn't hold on to the variable. It creates a new one every time and if 'node' doesn't exist in the DOM it will throw an error. Did you test any of this? Also not a good example of a memory leak.
great video. What tool are you using for this explanation
Excalidraw 😉
This pretty interesting, but when it comes to determine memory leaks in app like Angular, it very difficult to find it. Because it's huge amount of functions in it, and names like "lj, H9, Xv"... not sure what all those functions comes from.
Do you know how debug memory leaks in TypeScript apps? I believe it's after transpiler comes those names.
Yes, you're right, it's quite challenging to find memory leaks when using JS frameworks. My suggestion would be to monitor the memory while you interact with the app, to at least be able to pin down the problem. Also, in the "Performance" tab, you can stumble upon you own methods, among framework-native methods, if you look close enough.
Great explanation❤❤
Btw what is the tool u r using to draw and write ur explanation?
Thank you my friend!
It’s Excalidraw :)
Hi, I am from VietNam, thank you for your video but I have a problem with my node server, I don't know how to debug the memory leaks in that Please help me, thank you so much
Hi i have an issue with my nestjs application even there is no api calls from day 1,the cpu usage is increasing gradually, could you please share any idea how to fix that
Do you have schedules under the hood? First of all, ensure that your measures are right, sometimes people do measures improperly. Then start with cutting modules one-by-one
Wow Thanks a lot. It's what I want to know
Symptoms
1. Page unresponsive. NOT A MEMORY LEAK! ALMOST ALWAYS RECURSION.
2. Slow browser. COULD BE A MEMORY LEAK. NOT A GUARANTEE.
3. Slow OS. AGAIN, COULD BE A MEMORY LEAK. LIKELY COMPLETELY UNRELATED.
Very bad examples.
The only valid examples, which you didn't even mention, are:
1. Browser or tab crashes with out of memory error.
2. Task Manager shows your browser is using a tremendous amount of memory.
That is it.
I think you don't understand how garbage collection works either.
Thank you very much Software Developer Diaries! Fuuuuuuuuuuuuu
wait what his name is foooo 👀😳🌬️🌬️🌬️?
Very use full video ..
Thank you :)