2016-03-31 53 views
0

所有陣營:最佳實踐例如設計一箇中等複雜的數據即應用程序與終極版

我非常新反應和終極版,我想建立一個線型圖(目前D3.js)。

應用於LineChart的一般UI結構是:

  1. 主要應用於LineChart面積:幾行和X軸(日期),Y軸(值),
  2. 圖例區域:文本標籤(具有根據根據線顏色)

我不知道任何人都可以給我任何例如與交代如何實現這種反應+終極版?

我目前迷惑主要是兩件事:

  1. 如何規劃容器組件和表象的成分(從設終極版教程,看來我需要建立大量的容器組件的包裹每一個表象如何實現應用程序的初始啓動(例如,從Redux獲取初始數據和渲染的最佳方式是什麼,它談論的是類似中間件的東西,但我無法獲得爲什麼以及如何使用)

謝謝

回答

1

我的建議是保持簡單,並在需要額外功能並理解其含義時向工具箱添加工具。

  1. 我建議你現在只使用React,並嘗試看看在沒有所有花哨的React生態系統功能的情況下你能得到多遠。如果你對React的工作原理沒有清楚的理解,那就會感到非常沮喪。一旦你熟悉React,你可以看看類似Flux的實現,比如Redux以及他們可能爲你解決的問題。
  2. 如果您選擇此路線,您可以使用您最喜歡的ajax庫(例如fetch)將遠程數據導入您的組件。您可以使用React提供的不同組件生命週期來執行此操作(請參閱https://facebook.github.io/react/docs/component-specs.html)。
+0

謝謝,這看起來像我的Plan-B選項,但是如果我在每次嘗試後仍然無法弄清楚這一點,我一定會這樣做。 – Kuan