State ManagementRedux DevTools là browser extension ghi lại toàn bộ lịch sử action theo timeline — mỗi action kèm payload, state trước và diff sang state sau.
Time travel hoạt động thế nào: DevTools lưu snapshot state sau mỗi action, nên bạn click vào một action bất kỳ trong danh sách là app render lại đúng state ở thời điểm đó — không phải reload, cũng không phải tự tay dựng lại tình huống.
Sáu tính năng chính:
1. Action log lọc được theo type.
2. State diff tô màu phần thay đổi.
3. Replay — chạy lại toàn bộ action từ đầu.
4. Skip action — bỏ một action cụ thể để thử tình huống "nếu không có bước này".
5. Import/export state JSON để gửi kèm bug report.
6. Dispatcher panel để dispatch action bằng tay.
Tình huống thực tế: user báo lỗi ở màn checkout → export state JSON từ phiên của họ → dev import vào DevTools của mình → nhảy qua từng action tới đúng chỗ phát sinh lỗi.
Lưu ý: state và payload BẮT BUỘC phải serializable — không được chứa Date, function, Promise hay class instance, vi phạm là DevTools chết. RTK có sẵn serializability check ở development mode để cảnh báo ngay khi lọt dữ liệu không serializable.