問題タブ [isomorphic-javascript]

私はいくつかの同形の JavaScript を持っています。クライアント側で RequireJS を使用しています。

関数呼び出しrequireの直前にステートメントを配置する必要を回避する方法はありますか?wrapper

そのrequireステートメントを省略すると、RequireJS は依存関係がまだコンテキストにロードされていないと文句を言います。

これは、required された依存関係を事前に解析して識別する RequireJS の能力の克服できない制限であると思います。

エンドポイント/があり、このエンドポイントは、oAuth とアプリへのログイン用に異なる get パラメーターを渡すことがあります。

これらのリクエストを委任するための以下の関数を作成しましたqueryAction。のようなプラットフォームでは、ルートなしではルーティングできないため、レベルではなくレベルでexpressルーティングできます。pathres.queryres.query

たとえば、私が持っていて/?shop=thomas、/?login=thomas&code=7ユーザーにさまざまなことをさせたい場合、app.get("/")コールバック内でさまざまな返された関数が返されます。

以下は、クエリ オブジェクトを受け取り、実行するアクションに基づいて文字列を返すコードです。

このコードを使用すると、対応する関数が存在するかどうかを確認して、たとえば実行できます。

これらの関数の一部は、何らかのデータベース タスクまたは非同期タスクを実行し、ユーザーをリダイレクトしたり、ビューをレンダリングしたりします。Express が何を処理すべきか (または必要な場合)、React が何を処理すべきかを調整するのに苦労しています。

• サーバー側で実行されている同じバージョンの React が必要なため、サーバー側でのみ実行され、クライアント側のバージョンの反応から秘密の oAuth キーを削除するなど、クライアントから取り除かれるコードが存在する可能性がありますか?
• 上記のように、React はパラメーターをさまざまなビュー / アクションにルーティングできますか?
• React がビュー エンジンでなくなる行は何ですか?
• 反応は、サーバー側のみのコードをレンダリングし、プッシュする前にクライアントからパーツを削除できますか?

私は、さまざまな RESTful Web サービスとのさまざまなやり取りをカプセル化する多数のモデルを含む、純粋にフロントエンドの JavaScript プロジェクトを持っています。私の目標は、これらのモデルを独自の npm モジュールに取り込み、作成中の新しいノード アプリでサーバー側で使用できるようにすることです。

モデルは XMLHttpRequest オブジェクトを使用しますが、これは明らかにサーバーでは未定義です。クライアント用にビルドしようとすると、browserify がエラーをスローするため、モデルで require('http') を実行することはできません。

サーバーとクライアントの両方で機能する HTTP リクエストを処理するにはどうすればよいですか? 私が欲しいのは次のようなものです：

最初のリクエストでサーバー上のデータを含むフルページをレンダリングし（またはクライアントで js なしで）、クライアント側のレンダリングでナビゲートできる ES6+ 同形 JavaScript アプリを作成する必要があります。

非同期レンダリングを行うことができる2つのモジュールがあります - react-asyncとreact-nexus。React Async は React コンポーネントから XHR リクエストを作成できますが、node-fibers プラグインが必要です。React Nexus はサーバー側の Flux ストアを作成できます。React コンポーネントの API から単純な同形データ フェッチ リクエストに使用する方法がわかりません。

現在、node.js + Express ビルドに同形反応コンポーネントを実装しようとしています。ただし、上記のコンポーネントを jade テンプレートに含めてレンダリングしようとすると、次のエラーが発生します: TypeError: Can't add property context, object is not extensible

ここに私のルートファイルがあります:

コンポーネント:

また、私のgulpタスクは警告をスローします：コンポーネント（...）：render返されたコンポーネントインスタンスにメソッドが見つかりません：コンポーネントで定義するのを忘れたrenderか、タイプが関数である要素を誤ってレンダリングしようとした可能性がありますそれは React コンポーネントではありません。警告: React 要素の props プロパティを設定しないでください。代わりに、要素を最初に作成するときに正しい値を指定してください。

誰でも私を助けることができますか？どうもありがとう

データ用の API を使用するリアルタイム ダッシュボードを作成しています。アプリケーションは、ノード API の上に構築された同形反応アプリです。私は Flux アーキテクチャ、より具体的にはalt 実装を使用しています。

私の質問は、ダッシュボードには約 4/5 のリアルタイム チャートがあり (私はReact D3 ライブラリを使用しています)、各チャートは API エンドポイントを呼び出します。メイン<Dashboard />コンポーネントがあり、この内部に各チャート コンポーネントが存在します。私の質問は<Dashboard />、データをリッスンして小道具として渡すことを担当する必要がありますか、それとも各グラフコンポーネントが独自のストア/アクションライフサイクルを担当する必要がありますか? データを props として渡すと、UI が必要以上に再レンダリングされることになりますか?

React/Dashboard/Charting アプリケーションの例をまだ見つけていないので、誰かがこれを知っていれば非常に便利です。