redux-loop
複雑な ajax ワークフローを処理するために使用する例はありますか? 公式リポジトリは非常に最小限です。私が見つけることができた野生の1つの例(https://hackernoon.com/why-i-wrote-a-redux-async-outerware-277d450dba74#.2ocaloc58)から、redux-loopは非常に似ているようですredux-thunk へ。
複雑な ajax ワークフローの例を次に示します。
- Ajax ワークフロー1 . ユーザーは、結果テーブルで 2 つの異なるフィルターを選択します。各フィルターは ajax リクエストを開始し、それが順不同で解決されます。結果テーブルには、正しいフィルター選択が表示されます。エラーによって結果テーブルが更新されないようにする必要があります。
- Ajax ワークフロー 2
- ユーザーがレポートの生成を開始します (これは長時間実行されるプロセスです)。
- ユーザーが別のレポートに切り替えます。保留中の「レポート待ち」アクションをキャンセルまたは無視する必要があります。
- より複雑なワークフロー(古い redux-saga の例に基づく)
- ユーザーがログイン ボタンを押すと、認証トークンを取得するための ajax リクエストが開始されます
- また
- ユーザーはすぐにログアウト ボタンを押します。これにより、保留中の認証アクションがキャンセルまたは無視されます。
- または、解決時に認証トークンを保存する必要があります
- ログアウト後またはログインエラーが発生した場合は、認証トークンをクリアする必要があります