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

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

ReactJS最佳實踐

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

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

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

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

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