react應用將圍繞著元件的設計展開，所以關於元件的設計至關重要。
任何乙個複雜的應用，都是由乙個簡單的應用發展而來。軟體設計的通則：高內聚，低耦合。
在前端開發中，html負責頁面顯示，互動放在js，樣式放在css檔案，從功能角度來說，模組劃分明確，但是不滿足高內聚的原則。
react則是天生高內聚，展示內容的jsx，定義行為的js和樣式css都可以放在乙個js檔案中，目的都是為了實現乙個功能模組。
至於低耦合，說的是不同元件之間的依賴關係需要弱化，保持系統的低耦合，這個需要程式設計師自己來把握，使用react提供的完善的對外介面，我們可以很容易設計出低耦合的系統。
主要分成兩種：
二者之一發生了改變，都會觸發元件的重新渲染。所以，在有兩種資料的情況下，如何選擇呢？
答案是：對外用prop，對內用state。
元件需要定義自己能夠接受的prop資料，元件之外的一切都是它的外部世界，外部世界需要通過prop與元件對話。
參考：《深入淺出react和redux》
高質量設計的特徵
高質量的設計具有很多常見的特徵。如果你能實現所有這些目標，你的設計就真的非常好了。這些目標之間有時會相互牴觸，但這也正是設計中的挑戰所在 在一系列相互競爭的目標之中做出一套最好的折中方案。有些高質量設計的特徵也同樣是 高質量程式的特徵，如可靠性和效能等。而有些則只是設計範疇內的特徵。下面就列出一些設...
高質量程式設計 筆記
1.高質量軟體開發之道 1.提高軟體質量的基本方法 2.軟體質量屬性 3.質量 生成率和成本 4.軟體過程改進 5.高質量軟體開發的基本方法 2.程式的基本概念 1.程式語言 一套規範的集合，主要包括語言使用字符集 資料型別集合 運算子集合 關鍵字集合 指令集合 語法規則 對特定構造的支援 函式 繼...
高質量程式設計C C
一 請填寫bool float,指標變數與 零值 比較的 if 語句。10 分 請寫出 bool flag 與 零值 比較的 if 語句。3 分 標準答案 if flag if flag 如下寫法均屬不良風格，不得分。if flag true if flag 1 if flag false if f...