私は、外部のソースから更新を受け取るアプリケーションを構築しています。 (更新情報は株価で、10-60秒ごとに散発的に表示されます)reduxとサーバー側の更新に関するアドバイスが必要
各クライアントページには、興味深い株の完全なリストが表示されるか、単一の株に集中する可能性があります。そのページに表示されている在庫の新しいデータをサーバが受信すると、どのページのコンポーネントも更新されます。
私の質問は:
react
は、react
は、react-redux
モジュールは、ブラウザにサーバー側の更新とクライアントコンポーネント間の通信を処理するアウトオブボックス? (明らかに私はアクション/レデューサー/ etcを書かなければならないでしょう)また、サーバーからクライアントにそれらの更新を伝えるコードを書く必要がありますか?私は、
listen(3000)
呼び出しを起動するメインのserver.jsコードから在庫更新を受け取るサーバー側プロセスを開始することを想定しています。その在庫更新プロセスはどのようにしてレデックスストアにアクセスできますか? (私の混乱は、私が読んだExpressサンプルの大部分で、createStore()コールがapp.use('/', ...)
の範囲内にあるためです。プロジェクトへの任意のポインタが似ています私は何をしたいのですか?ありがとう。
これらの思いやりのある回答に感謝します。 1.サーバーには、外部ソースからの更新を記録するストアが存在する必要があります。そのストアは、実際の状態または現在の状態を保持します。 2.新しいクライアントが接続されると、サーバー側のレンダリングですべてのコンポーネントが現在のストアのデータで満たされます。 3.新しい更新がサーバーに到着すると、サーバー側のストアを更新するコードを記述する必要がありますが、接続されたクライアントには新しい情報も送信されます。これを行うための代替手段としてsocket.ioとrelay/graphqlをチェックアウトする必要があります。 本当ですか? –
あなたはサーバーにストアを言うときにデータベースを意味しますか?次にはい。もちろん、株式の更新をデータベースに保存することができます。これらの値はクライアントに送信できます。最初のステップとして、おそらく今は外しておくことができます。より洗練されたものには、データベースを最新の在庫更新で定期的に更新する別のスレッド/プロセスが必要なのかもしれません。それはクライアントのための一時的なキャッシュのような種類のサーバーです。あなたはサーバー側にreduxストアを持つ必要はありません。 –