Как бороться с багами setInterval в react?

Question

[Oversec]

Есть компонент таймер, реализовал при помощи setIntarval.
1) Но проблема в том, что при смене вкладки, всё перестаёт работать, а при возвращении возобновляется, хотя действия уже прошло (Делаю реал тайм приложение). Как с этим бороться?

2) Так как таймер имеет родителя, то вставёт проблема, с родителя приходит время отсчёта, а так как состояние обновляется каждую секунду, то при обновлении родителя, таймер тоже обновляется и начинается с начала, как с этим бороться? Пытался так:

shouldComponentUpdate(nextProps, nextState) {
    if(this.state.startTime !== nextState.startTime) {
      return true;
    }

    if(this.state.text !== nextState.text) {
      return true;
    }

    return false;
  }

Но не помогло, так как состояние обновляется слишком часто

Answer 1

[Андрей Андреев]

Гуглите setinterval inactive tab
Это не проблема react, а особенности JS

Answer 2

[Ninja Mate]

у меня была подобная проблема (php+js проект), часы в 2 раза быстрее бежали. вынес в отдельный скрипт, time переменнeю на интерфейс через ajax. надеюсь поможет
вот еще посмотрите https://github.com/cwilso/metronome