Как решал проблемы с утечками памяти

Утечки памяти в JS чаще всего возникают из-за неочищенных подписок, таймеров или ссылок на DOM-элементы. Основные методы решения:

1. Отписка от событий:

useEffect(() => {
  const handler = () => console.log('resized');
  window.addEventListener('resize', handler);
  return () => window.removeEventListener('resize', handler);
}, []);

2. Очистка таймеров:

useEffect(() => {
  const timer = setInterval(() => {}, 1000);
  return () => clearInterval(timer);
}, []);

3. Удаление ссылок:

const ref = useRef(null);

useEffect(() => {
  return () => { ref.current = null };
}, []);

Для поиска утечек использую Chrome DevTools:

• Memory tab → Heap Snapshots
• Performance tab → Memory timeline

Особенно внимателен с:

• Глобальные переменные
• Замыкания
• Кеширование без очистки
• Third-party библиотеки