Как это понять?

Question

[justifycontent]

Приветствую вас, девелоперы. Помогите пожалуйста понять следующие строки из документации React:

"Добавим методы жизненного цикла в класс
В приложениях со множеством компонентов очень важно освобождать используемые системные ресурсы, когда компоненты удаляются.

Первоначальный рендеринг компонента в DOM называется «монтирование» (mounting). Нам нужно устанавливать таймер всякий раз, когда это происходит.

Каждый раз когда DOM-узел, созданный компонентом, удаляется, происходит «размонтирование» (unmounting). Чтобы избежать утечки ресурсов, мы будем сбрасывать таймер при каждом «размонтировании»."

Это из темы "Состояние и жизненный цикл", не могу понять, о каких системных ресурсах идет речь, что за утечка системных ресурсов? Буду очень благодарен за ответ.

Comments

[justifycontent]

И о каком удалении идет речь? Имеется ввиду, когда компонент обновляется и рендерится повторно? И еще не понимаю зачем сбрасывать таймер при каждом размонтировании.

[alex4answ]

justifycontent, нет, повторный рендер (при обновлении стейта) не размонтирует компонент, он размонтируется только тогда, когда полностью удаляется из dom tree, например если компонента больше нет (перешли на другую страницу, изменили родительский стейт и после ререндера текущий компонент уже не рендерится) в общем все ради того, чтобы после удаления элемента - в памяти ничего не осталось от него

[justifycontent]

alex4answ, Спасибо большое за ответ, продуктива тебе )

Answer 1

[Александр]

Допустим у Вас есть компонент, который при появлении на странице (монтировании) добавляет глобальную прослушку события, например - mousemove. Приложение работает, всё хорошо, но потом, по некоторой причине, происходит размонтирование и через некоторое время снова монтирование. В таком случае, если не удалить прослушку, будет уже 2 события, что и является утечкой памяти.
Также происходит таймерами и интервалами, поэтому надо отменять их при размонтировании.
Как пример, советую посмотреть это видео.

Comments

[justifycontent]

Спасибо большое за ответ