ReactJS最佳實踐


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

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

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

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

  • Composition - React團隊建議使用單一責任原則。 這意味著一個元件只應該對一個功能負責。 如果某些元件具有多個功能,應該重構並為每個功能建立一個新元件。
  • 高階元件(HOC) - 以前的React版本提供了mixins來處理可重用的功能。 由於mixin現在已被棄用,其中一個解決方案是使用HOC。