Frontend

Good article about React hooks and memory leaks. Basically, your app probably has memory leaks. Doh!

Good article about React hooks and memory leaks. Basically, your app probably has memory leaks. Doh!

https://schiener.io/2024-03-03/react-closures

Code is my canvas  | AI art IS art | the future of art is not set in stone | Uriel Avalos | linktr.ee/robotandkid

Staff Eng at Iron Fish 🐟 • Building BlockSocks 🧦 • Denver, CO 📍

of course!  playing the devil's advocate, they were just making a point w/ an easy to reason about large object. If you have a large component, you can probably still effectively (accidentally) do the same thing w/ whole bunch of little objects

Good thing to keep in mind for sure, but instantiating that `new BigObject()` on every render is the root cause of that specific issue.

Either instantiate once outside the component, or `const bigData = useMemo(() => new BigObject(), [])` and the problem goes away.

Misusing useEffect aka having 5+ useEffects in a single component is a recipe for memory leaks