私はReact/Reduxアプリケーションでエラーを処理する方法を理解しようとしており、不変状態パターンのためにReduxが状態の連続を逆方向に横切ることができることを理解しました。ポストが失敗し、同じ時間にコンポーネントの内部再試行カウンタをインクリメントし、最終的に必要なアクションをディスパッチすると、Reduxの時間を遡ってトラバースするのは賢明ですか？ react-reduxを使って前の状態に行く方法は？Redux time travelを使用してエラーを処理する方法
chrome用のreduxデベロッパーツールを使用すると、時間のかかる優れたUI/UXを利用できます。 Chromeストアにredux開発ツールをインストールしてください。
また、redux開発ツールを使用していることをreduxストアに伝える必要があります。そのためには、createStore()メソッドでいくつか微調整したいと思うでしょう。
this repoの説明を見て、実際の動作を確認してください。
あなたの再来でDEV-ツール増強剤を注入するために、このコードを参照してくださいあなたが探しているもの
import { createStore, applyMiddleware, compose } from 'redux';
import createReducer from './reducers';
const devtools = window.devToolsExtension || (() => noop => noop);
export default function configureStore(initialState = {}, middlewares) {
const enhancers = [
applyMiddleware(...middlewares),
devtools(),
];
const store = createStore(
createReducer(),
initialState,
compose(...enhancers)
);
return store;
}
をstore-「楽観アップデート」と呼ばれるパターンです。たとえば、ネットワークコールが成功するという前提で、ネットワークコールの前にアクションをディスパッチします。呼び出しが失敗した場合、最初のアクションを戻すために2番目のアクションをディスパッチします。
「タイムトラベルのデバッグ」では、Redux DevToolsの使用が必要です。 DevToolsは実際にディスパッチされたすべてのアクションを記録し、履歴内を前後にジャンプすると、その時点までのアクションを再生して現在の状態を判断します。プロダクションでは、古いアクションや古い状態は記録されません（しかし、あなたは確かにそのようなことをするために自分で何かを構築することができます）。