問題タブ [redux]

Redux を使用している人々がバックエンドの永続化にどのように取り組んでいるのか疑問に思っています。特に、「アクション」をデータベースに保存していますか、それともアプリケーションの最新の既知の状態のみを保存していますか?

アクションを保存している場合、単純にサーバーにアクションを要求し、特定のページがロードされたときにすべてのアクションを再生しますか? これは、多くのアクションがある大規模なアプリでパフォーマンスの問題につながる可能性はありませんか?

「現在の状態」だけを保存している場合、クライアントでアクションが発生するときに、この状態を実際にどのように保持していますか?

Redux Reducer をバックエンド ストレージ API に接続する方法のコード例はありますか?

これが非常に「アプリに依存する」タイプの質問であることは承知していますが、ここでいくつかのアイデアを熟考し、この種の「ステートレス」アーキテクチャがフルスタックの意味でどのように機能するかを感じようとしています。

みんな、ありがとう。

配列である（Reactで作成している小さなゲーム用に）購入するもののリストを取得しました。「Market」という状態です。そして、私はすべての値をランダム化し、それらを別の状態にストックしたい別のものを持っています。

これは私の市場リストです:

その中のすべての値をランダム化し、ランダム化されたリストを「明日」と呼ばれる状態に保存して、次の価格に関するヒントを提供できるようにしたいと考えています。これは、リストをランダム化するためのヘルパーです。

そして、これは私のTomorrowレデューサーです:

ACTIONS.BUILD_TOMORROW_LIST でわかるように、最初に値を確認するアクションをコンソール ログに記録し、その後、常に同じ値を持つランダム化されたリストをログに記録します。変更した場合に同じ値になる理由がここではわかりません。

配列がまったく同じで、状態を直接変更したためだと思いました（理由がわかりません）。値とスプレッド演算子によって作成された新しい配列としてリストを渡しましたが、どちらも機能しません。この配列のコピーを作成しようとしましたが、うまくいきません。

明日のリストは、「ここにとどまる」アクションをクリックしたときに、現在のマーケットのリストを置き換えるために使用されます。

MarketActions.changeWholeList アクションはうまく機能しますが、明日のリストを正しく保存できません。

ご協力ありがとうございました！

親コンポーネントの数層下にある子コンポーネントに Redux を接続するにはどうすればよいですか? store爆破せずに小道具に渡す方法がわかりません。

私は IronRouter を使用しておらず、React 0.13 で Redux 3 を使用しています。次に例を示します。

「Connect(SearchBar)」のコンテキストまたは小道具で「store」が見つかりませんでした。ルート コンポーネントを でラップするか<Provider>、明示的に「store」を prop として「Connect(SearchBar)」に渡します。

変換されたプレーンテキストを返す反応コンポーネントを作成しようとしています。ただし、react は、コンテンツをラップした 1 つ以上の html を返すことを強制します。

このような静的ユーティリティ関数を追加することを考えました

これが良いパターンかどうかはわかりませんが、もちろん状態にアクセスしようとしない限り、これは機能します。コンポーネントが初期化された後に状態が利用可能になるためです。何らかの方法で状態にアクセスする方法はありますか、コンポーネントを手動で初期化することができます。

または、これを行うことができる方法があるかもしれません

最近、React-Redux と Babelify (ES6 用) を使用した ReactJS を Rails アプリケーションに追加しました。きゅうりのテストはローカルでは成功していますが、CircleCI では成功していません。これが私がこれまでに知っていることです：

• アーティファクトのスクリーンショットを確認すると、React コンポーネントが表示されるまで最大 4 秒待っていても、React コンポーネントがレンダリングされていないようです。
• CircleCI ビルドにエラーはありません
• キャッシュなしで CircleCI で再構築を試みました。
• 基本的な JavaScript 依存のテストはパスしています。
• babel に依存する基本的なテストとライブラリ (lodash) のインポートは合格です

React コンポーネントのキュウリ テストを CircleCI に渡すにはどうすればよいですか?