DEV Community

Memory Leaks, How to avoid them in a React App.

Lena Jeremiah on January 08, 2022

What is a memory leak? According to Wikipedia, a memory leak is a type of resource leak that occurs when a computer program incorrectly ...

Read full post

Shivam Sharma • Jan 11 '22

I have created a wrapper named as advanced-promise for promises including fetch which provides aborting and some other features as well. You can try it and we can improve it together.

Lena Jeremiah • Jan 11 '22

I just checked the package on GitHub, it makes total sense. I'd try to use it in one of my projects soon.

I'd sure love to work on it with you.

Shivam Sharma • Jan 11 '22

Thanks a lot, It's my first ever npm package so it may not be that well written... I'm sure with your experience it can be improved 😊

Lena Jeremiah • Jan 11 '22

Nice, I've never written one yet. I'd like to collaborate with you on this. You can email me at jeremiahlena12@gmail.com

Lena Jeremiah • Jan 11 '22

jeremiahlena13@gmail.com rather

rprtg • Apr 21

رپورتاژ آگهی (رپورتاژ خبری) در واقع اطلاعیه‌ای است یک رپورتاژ که از سوی واحد روابط عمومی با هدف اطلاع‌رسانی اتفاقات کسب و کار به مردم در رسانه‌های مختلف و انتشارات مرتبط و هدفمند منتشر می‌‌شود

AmmarSiddiqi • Jul 15 '22

Thanks Lena for sharing this article. Really Helpful. 😊

Ahmed Khelili • Jan 9 '22

This is exactly what I needed, thanks a lot 🙏

Lena Jeremiah • Jan 9 '22

I'm happy you found it helpful😊😊

Steph Crown • Jan 8 '22

Nice article.

Lena Jeremiah • Jan 8 '22

Thanks for reading bro

Nguyen Ngoc Dat • Jan 10 '22

Nice, i hardly consider the network issues when working on a product, and i bet most of us didn’t either. Great article

Lena Jeremiah • Jan 10 '22

Yeah... I also didn't put much consideration to it until I found out about AbortControllers and decided to share. I'm glad you enjoyed reading it

Seun Taiwo • Jan 8 '22

Very explanatory article. Thanks

Lena Jeremiah • Jan 8 '22

Thanks for reading bro

David Øvrelid • Dec 6 '22 • Edited

First of all thanks for sharing. 👏

But I do not understand how your example is providing memory leak while setting the company after the component itself is unmounted.

Where in the memory will the variable company be stored when the component is unmounted? Would the company variable have any references at all? If not I believe the garbage collector is going to collect it?

Can you please explain why and how your example is providing the leak? 🤔

I would understand the memory leak if you had a setInterval or was subscribing to streams like WebSockets. But within your case where you have promise which resolve once, I believe the GC collects it.

Thanks in advance! :)