React js，我應該避免哪些方法來達到最佳性能？

Question

我想知道為了提高代碼的性能我應該避免哪些方法或過程（與每次渲染期間的重新計算相關）。 我不是在問像避免意大利面條代碼這樣的良好編碼實踐，而是特別是函數或過程。

先感謝您！

Answer 1

這個問題太籠統了。 但我可以從經驗中提供一些提示。

考慮使用像 Reselect ( https://github.com/reduxjs/reselect ) 這樣的庫來避免在每次渲染期間重新計算。 這個概念類似於其他 UI 框架中的計算屬性。

如果您仍在使用基於 class 的組件，請不要濫用PureComponent class 和shouldComponentUpdate生命周期方法。 useMemo是功能組件的類似鈎子。 它們應該用於解決特定的性能問題，但是如果不考慮就使用它們可能會導致細微的錯誤。 很多時候，虛擬 DOM 中的渲染並不那么昂貴。

使用 React Developer Tools 擴展來確定是否真的存在性能問題。