問題タブ [flux]

ユーザーがページツリーでページを選択できる別のページへのリンクを作成するためにフラックスフィールドを作成するにはどうすればよいですか。Modify LinkRTEのようなもの。何かがあるの？

または、内部リンク用のフィールドを作成するにはどうすればよいでしょうか? ユーザーが PageID を入力できる入力フィールドだけでは十分ではありません。

もう 1 つのステップは、ユーザーが内部リンクまたは外部リンクを入力できるフィールドです。

この問題に対する適切な解決策はまだ見つかっていません。どのようにしますか？

React+Flux+async API requestsパターンの経験がある人からの意見が必要です。次の状況でAPI応答をキャッシュするより良い方法は何ですか:

• データを取得するための API エンドポイントに対応する記事の 3 つのリスト ページがあります。

• 各記事には詳細ページの UI がありますが、articleById エンドポイントがないため.find、取得した配列の ID ごとに記事が必要です。

• リストに対して1 つのリクエストのみを作成してキャッシュしたいので、リストから詳細ページに移動したり、リストに戻ったりすると、API リクエストは発生しません。

• 別のリストに切り替えるときは、リクエストを作成してキャッシュする必要があります。

実際のリクエストを行う WebAPIUtils サービスでレスポンスをキャッシュする必要があるのでしょうか?

それとも、API リクエストを開始するアクションを起動する必要があるかどうかを知るために、コンテナー コンポーネント (3 つのリストすべてで同じ) をハックする方がよいでしょうか?

ありがとう！

よし、reactjs、フラックス アーキテクチャ、react-router の問題で立ち往生しています。次のルートがあります（ルートの一部のみ）：

シニア プロファイル ビューは、個人のデータをロードする API 呼び出しを行います。[おすすめ] ビューに移動すると、個人の ID を使用して別の呼び出しが行われ、おすすめが読み込まれます。最初にプロフィール ページを実際に表示して、おすすめページに移動するとうまくいきます。しかし、ハードリロードを行うと、次のようになります。

これは、最初の API が戻った後にディスパッチが呼び出され、コンポーネントの更新が開始されるためです。レコメンデーション ページが終了する前に、その API を呼び出し、その結果をディスパッチしようとします。React.addons.batchUpdates はこれを修正する方法であるとフォーラムで読みましたが、それを機能させる方法がわかりませんでした。GitHub Batch Updates Issueと、同様のことについて説明している別のリンク hereを使用しようとしています。最初のものは、以下を追加してディスパッチャを調整することを推奨しています:

しかし、私はこれを機能させることができませんでした。多分私はそれを間違って実装しています。

Chat と TodoMVC の例を読みました。チャットの例で waitFor がどのように使用されているかは理解できますが、どちらも同じ API を使用しているため、一方が他方を待つことは明らかです。私の問題には、API とディスパッチの間の競合状態が関係しています...そして、setTimeout は良い解決策ではないと思います。

私が必要としているのは、ディスパッチまたは API 呼び出しをキューに入れるようにディスパッチャを設定する方法を確認することです。または、各コンポーネントにそのデータの API 呼び出しを行うように指示するより良い方法であるため、ディスパッチの問題さえありません。

ああ、ここに私の Dispatcher.js ファイルがあるので、それがどのように設定されているかを見ることができます:

アプリのいくつかのページを既に作成しています。JavaScript フレームワークと 1 秒未満の動的ページが必要なので、React/Flux を試してみようと思います。

多くの読書にもかかわらず、既存のコードベース (html/js) を保持し、データベース/動的実現との相互作用が必要な Web ページの特定のブロックでのみ React (jsx 、モジュール) を使用できるかどうかは完全にはわかりませんか?

例を見てみましょう: 私のページにはたくさんのものがあります: ブートストラップ (css を使用して) を実際に舞台裏で使用している javascript/ドロップダウン用の DOM ex などを調整しました)、メディアクエリを有効にするための Respond.js ie8 (私は DOM を推測します)、および intercom.io のような多くのサードパーティ ツールや、画面の下部にある Google アナリティクス js 追跡ウィンドウですらあります。ページがどのように見えるかをここで確認できます。

私の必要性：ブロック（D）の動的調整とリアルタイム機能が必要なだけで、他のすべて、ヘッダー（B）、インターコム（C）、および残りはそのままにしておくことができます。それらを現在のhtmlコードに保持できます。

だからここに私の質問があります：

• （1）reactのページ上のすべてを変換する必要がありますか、それともブロック（D）をjsx/reactに入れ、残りをそのままにしておく必要がありますか？

• (1) React によってもたらされる主な利点 (仮想 DOM と差分) を活用したいのですが、ページ全体が React にない場合でも、それを使用できますか?

• 答えが基本的に「すべてかゼロか、react jsx ですべて実行し、ページ全体をやり直す必要がある」である場合は、html を変換し、ドロップダウン、ライト ボックスなどの DOM を使用するすべての js スクリプトの代替手段を見つけます。 、intercom.io スクリプト、Google アナリティクス スクリプトでは難しいですか？つまり、css を保持し、これを使用して html http://facebook.github.io/react/html-jsx.htmlを変更できますか? それは本当に簡単ですが、ここに問題があるのではないかと心配しています... :)

Flux ストアのデータ オブジェクトをどのように初期化しますか?

私のReactコンポーネントでは、データがサーバーからロードされて子をレンダリングするかどうかを確認しています: