ReactJS最佳實踐
在本章中,我們將列出React的最佳實踐,方法和技巧,以幫助我們在應用程序開發過程中保持一致。
State -
state
應該儘可能避免。 集中狀態並將其作爲props
傳遞給組件樹是一個好習慣。 每當我們有一組需要相同數據的組件時,應該在它們周圍設置一個容器元素來保存狀態。 Flux模式是處理React應用程序狀態的好方法。PropTypes -
PropTypes
應該總是被定義的。這將有助於跟蹤應用程序中的所有props
,這對任何開發同一項目的開發人員也是有用的。Render - 應用程序的大部分邏輯都應該在
render
方法中移動。應該儘量減少組件生命週期方法中的邏輯,並在渲染方法中移動這個邏輯。 使用的state
和props
越少,代碼越乾淨。應該始終把state
儘可能簡單化。 如果需要從state
或props
來計算一些東西,可以在渲染方法裏面做。
Composition - React團隊建議使用單一責任原則。 這意味着一個組件只應該對一個功能負責。 如果某些組件具有多個功能,應該重構併爲每個功能創建一個新組件。
高階組件(HOC) - 以前的React版本提供了mixins來處理可重用的功能。 由於mixin現在已被棄用,其中一個解決方案是使用HOC。