2016-03-31 5 views
0

全てと反応する:ベストプラクティスの例では、Reduxの

私はかなり反応するように新しいとReduxの午前、私が構築しようとしていますと、(現在はD3.js付き)折れ線グラフです。

折れ線グラフの一般的なUI構造である:

  1. メイン折れ線グラフ領域:いくつかの行とX軸(日付)、Y軸(値)、
  2. 凡例領域:テキストラベル(記載とラインによるカラー)

私は不思議では誰もが+ Reduxのをどのように反応するか、この中を実装する、について説明してくれANY例を与えることができますか?

私は現在、主に約2のものである混同:私は、コンテナのコンポーネントとプレゼンテーションコンポーネントを計画するにはどうすればよい

  1. (Reduxのチュートリアルから、私がすべてのプレゼンテーションをラップするコンテナコンポーネントの多くを構築する必要があると思われます
  2. どのようにアプリケーションの初期起動を実装するのですか?AJAXを使って初期データとレンダリングを取得する最良の方法はReduxからミドルウェアのようなものですが、理由と使い方)

ありがとう

答えて

1

私のアドバイスは、余分な機能が必要なときにそのツールボックスにツールを追加し、その意味を理解することです。

  1. ここではReactのみを使用して、Reactのエコシステムの機能がすべてなくてもどれくらいの距離を得ることができるかお試しください。 Reactの仕組みを明確に理解していないと、非常にイライラします。 Reactに精通すると、ReduxのようなFluxのような実装や、あなたが解決する可能性のある問題を見ることができます。
  2. このルートを選択した場合は、お気に入りのajaxライブラリ(fetchなど)を使用して、コンポーネントにリモートデータを取得できます。 Reactが提供するさまざまなコンポーネントライフサイクルを使用して、このフェッチを実行できます(https://facebook.github.io/react/docs/component-specs.htmlを参照)。
+0

ありがとう、これは私のPlan-Bオプションのようですが、試してみるとまだこれを理解できない場合は、この方法を必ず実行します。 – Kuan

関連する問題