react/reduxアプリで非UIロジックを置く場所はどこですか？

Question

私は時々イベントを発生させるJobオブジェクトを持つreact/reduxアプリケーションを書いています。これらのイベントでは、ユーザーは反応することが期待されます。私は簡単な仕事やイベントを示しリアクトのコンポーネントを書き込むことができますが、

• ユーザーがジョブのページ
• にないとイベントが
• を発生したときにどこロジックを置くことを知りません通知をポップアップ表示したい

もちろん、店にアクセスすると通知も作成できます。

1. このようなロジックをReactコンテナで処理するのは、render()なのでしょうか？
2. または、ジョブデータをロードするときにバニラJSで処理しますか？
3. データが格納されているときに減速機で処理しますか？

私の問題は、私のストアがグローバルオブジェクトではないため、完全にアドホックなコードからreduxストアにアクセスする方法がわかりません。

お勧めですか？

Answer 1

一般的に言えば、ストアにアクセスする必要のあるコードを置く場所は、ミドルウェアまたは接続されたコンポーネントです（状態の更新をディスパッチまたは受信する）。あなたが特にやり取りするアクションに応答したい場合は、ミドルウェアを使用する必要があります。

私は実際に数週間前にチャットディスカッションでサンプルタイマーミドルウェアを一緒に投げました。例としてここに要点として貼り付けました：https://gist.github.com/markerikson/ca96a82d6fdb29388aca4052a9455431。バックグラウンドで何かを非同期的に実行するアイデアを示します。

Reduxアドオンカタログのミドルウェアのリストを調べることもできます：https://github.com/markerikson/redux-ecosystem-links/blob/master/middleware.md。バックグラウンドロジックを実行する方法の数多くの例

最後に、https://github.com/yelouafi/redux-saga（それ自体ミドルウェアです）は、バックグラウンドロジックを実行するために使用されるかなり一般的なライブラリです。