Вопросы React Frontend Developer

Mount и unmount компонента отслеживаются с помощью useEffect. Эффект с пустым массивом зависимостей [] выполняется при монтировании. Cleanup-функция этого эффекта вызывается при размонтировании. Это функциональный аналог componentDidMount и componentWillUnmount.

setInterval продолжает работать даже после того, как компонент исчез со страницы, потому что он живёт отдельно от React. Если интервал не очистить, он будет дальше выполнять код, тратить ресурсы и может пытаться обновлять state уже размонтированного компонента. Это приводит к лишним вычислениям, странным багам и предупреждениям в консоли. Поэтому таймеры нужно останавливать в cleanup-функции useEffect.

Если интервал не очистить, он продолжит выполняться даже после размонтирования компонента. Это приведёт к лишней нагрузке на браузер и возможным попыткам обновить состояние несуществующего компонента. Со временем такие интервалы накапливаются и вызывают утечки ресурсов. В сложных приложениях это может приводить к трудноуловимым багам.

force remount — это принудительное пересоздание компонента с нуля, а не его обновление. Чаще всего это делается через изменение key. При remount компонент теряет всё внутреннее состояние и эффекты запускаются заново. Используется редко и осознанно.