В чём суть time-travel debugging в Redux?

Question

Time-travel debugging — это возможность “перематывать” состояние приложения назад и вперёд. Redux хранит историю actions, а так как reducers детерминированы, любое состояние можно воспроизвести. Это позволяет увидеть, какой action привёл к ошибке. Обычно это реализуется через Redux DevTools.

YeaHub · Accepted Answer

Time-travel — прямое следствие архитектуры Redux.ОпределениеОпределение: Time-travel debugging — это техника отладки, при которой состояние приложения воспроизводится путём последовательного применения actions.Почему это вообще возможноState неизменяемыйКаждый action создаёт новый stateReducers — чистые функцииОдинаковый вход → одинаковый выходActions — событияИх можно хранить и переигрыватьКак это выглядит на практикеПользователь кликает кнопкуВ DevTools появляется actionМожно:откатиться к любому шагупосмотреть diff stateповторить цепочку действийЧто это даёт разработчикуПоиск сложных баговПонимание логики приложенияВозможность воспроизвести баг по логам actionsОграниченияБольшой state → много памятиПобочные эффекты (API) не “отматываются”В продакшене обычно выключеноВыводTime-travel debugging работает потому, что Redux делает state детерминированным и воспроизводимым, а не “магическим”.