在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 教程/ HTML/ ReactJS最佳實踐
ReactJS動畫
ReactJS組件狀態(tài)(State)
ReactJS簡介
ReactJS開發(fā)環(huán)境設(shè)置
ReactJS Refs
ReactJS組件API
ReactJS高階組件
ReactJS組件
ReactJS props簡介
ReactJS教程
ReactJS組件生命周期
ReactJS鍵(Key)
ReactJS事件
ReactJS最佳實踐
ReactJS props驗證
ReactJS表單
ReactJS JSX
ReactJS路由器
ReactJS通量概念

ReactJS最佳實踐

在本章中,我們將列出React的最佳實踐,方法和技巧,以幫助我們在應(yīng)用程序開發(fā)過程中保持一致。

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

  • PropTypes - PropTypes應(yīng)該總是被定義的。這將有助于跟蹤應(yīng)用程序中的所有props,這對任何開發(fā)同一項目的開發(fā)人員也是有用的。

  • Render - 應(yīng)用程序的大部分邏輯都應(yīng)該在render方法中移動。應(yīng)該盡量減少組件生命周期方法中的邏輯,并在渲染方法中移動這個邏輯。 使用的stateprops越少,代碼越干凈。應(yīng)該始終把state盡可能簡單化。 如果需要從stateprops來計算一些東西,可以在渲染方法里面做。

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