ReactJS 最佳實踐

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

  • State?應盡可能避免這種狀態(tài)。集中化狀態(tài)并將其作為支柱傳遞到組件樹中是一個很好的實踐。每當我們有一組需要相同數(shù)據(jù)的組件時,我們應該在它們周圍設(shè)置一個容器元素來保存狀態(tài)。通量模式是一種處理React應用程序狀態(tài)的好方法。

  • PropTypes?應始終定義PropType。這將有助于跟蹤應用程序中的所有道具,并且對于從事同一項目的任何開發(fā)人員也將很有用。

  • Render?應用程序的大多數(shù)邏輯應在render方法內(nèi)移動。我們應該盡量減少組件生命周期方法中的邏輯,并在render方法中移動該邏輯。我們使用的狀態(tài)和道具越少,代碼將越干凈。我們應該始終使狀態(tài)盡可能簡單。如果需要從狀態(tài)或道具中計算出一些東西,可以在render方法中進行。

  • Composition? React團隊建議使用單一責任原則。這意味著一個組件應僅負責一項功能。如果某些組件具有多個功能,則我們應該重構(gòu)并為每種功能創(chuàng)建一個新組件。

  • Higher Order Components (HOC)?以前的React版本提供了用于處理可重用功能的mixin。由于現(xiàn)在不推薦使用mixins,因此解決方案之一是使用HOC。

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清