ReactJS最佳實踐

在本章中，我們將列出React的最佳實踐，方法和技巧，以幫助我們在應用程式開發過程中保持一致。

• State - state應該盡可能避免。 集中狀態並將其作為props傳遞給組件樹是一個好習慣。 每當我們有一組需要相同數據的組件時，應該在它們周圍設置一個容器元素來保存狀態。 Flux模式是處理React應用程式狀態的好方法。

• PropTypes - PropTypes應該總是被定義的。這將有助於跟蹤應用程式中的所有props，這對任何開發同一專案的開發人員也是有用的。

• Render - 應用程式的大部分邏輯都應該在render方法中移動。應該儘量減少組件生命週期方法中的邏輯，並在渲染方法中移動這個邏輯。 使用的state和props越少，代碼越乾淨。應該始終把state盡可能簡單化。 如果需要從state或props來計算一些東西，可以在渲染方法裏面做。

• Composition - React團隊建議使用單一責任原則。 這意味著一個組件只應該對一個功能負責。 如果某些組件具有多個功能，應該重構並為每個功能創建一個新組件。

• 高階組件(HOC) - 以前的React版本提供了mixins來處理可重用的功能。 由於mixin現在已被棄用，其中一個解決方案是使用HOC。