問題タブ [fluxible]

webpackとfluxibleは初めてなので、彼らの始め方のボイラープレートを理解しようとしていました: http://fluxible.io/quick-start.html

実行npm run devすると問題なく実行され、ライブ リロード Web サーバーが起動しますが、運用環境で実行する方法について混乱していました。package.json を見る

npm run build実稼働構成モードでwebpackを実行しているように見え、jsファイルを/buildフォルダーにコピーすると思います。この時点で npm start を実行すると、これが実行start.jsされserver.js、サーバーは dev ホット ロードなしで実行されます。

私の質問は次のとおりです。アプリケーションが本番モードであると想定しているものを実行しているときに、アプリケーションがまだポーリングを実行し続けるのはなぜですか (私が想定しているのは、dev hot-laoder を実行するためのソケットまたはポーリングです)。ログにこれが表示されます：

運用サーバーでは、ルート フォルダー全体をデプロイするだけですか、それともビルド フォルダーだけをデプロイすることになっているのでしょうか...もしそうなら、ビルド フォルダーに不足があるでしょう。

静的アセットはビルド フォルダー (express の /public フォルダーのようなもの) にコピーする必要がありますか?

start.js

サーバー.js

編集: 私の間違いです。ビルドを実行するたびに、何らかの理由で webpack ホットローダーが古い js をキャッシュしていました。リセットして再構築し、現在は機能しているようです。

yahoo Fluxible React アプリで es6 スタイル クラス宣言を使用して単純な検索ボックスを作成しようとしています。todo の例に取り組んでいて、それを es6 スタイルの構文に変換していますthis.setStateが、_onChangeメソッドでエラーが発生しています。コンストラクターで関数を「this」にバインドしましたが、まだエラーが発生しています。

そのため、検索結果コンポーネントで connectToStores が何をしているのかを完全に理解しているかどうかはわかりません。ストアが変更を発行したときにコンポーネントの状態が更新されることを期待していますが、コンポーネントのプロパティを更新し、ラッピングSearchResultsConnectorオブジェクトの状態を更新するだけのようです。

私の質問は次のとおりです。

1. この場合、状態を使用することは想定されていません。もしそうなら、connectToStores に状態を返すコールバックがあるのはなぜですか?

2. 状態はいつストアの emitChanges トリガーから更新されますか? コンストラクターで行ったことを複製する必要がありますか?

3. いつ状態と小道具を使用する必要があり、更新状態をまったく保存する必要がありますか? 一方向の方法で変化状態を支持する特定のフラックスルールはありますか?

4. 開発サーバーで変更をホットロードすると、状態が結果に更新されるのはなぜですか。それが正しい行動かどうかはわかりません。

5. ここのどこかで更新イベントをキャッチし、受信した変更されたプロパティで状態を更新する必要がありますか?

SearchResults.js

柔軟な connectToStores の例でデコレータ パターンを使用するための指示に従ってみました

http://fluxible.io/addons/connectToStores.html

ただし、@ 記号で構文エラーが発生します。柔軟なアプリでデコレータ パターンが認識されるようにするには、最初に何かを構成またはロードする必要がありますか?

次の webpack.config.js を試して、fluxible テンプレートでステージ 0 のサポートを有効にしましたが、複数のローダーがある場合、クエリを宣言できないというエラーが表示されます。

webpack.config.js

Fluxible で生成されたアプリのwebpack-dev-server.jsの次の行で、「シェルが定義されていません」というエラーが発生します。

やった

変更後、サーバーはエラーなしで起動しましたが、変更時の自動再起動は機能しません。私は何を間違っていますか？