react性能優化概括簡述

  1. 合理善用componentShouldUpdate;
  2. 組件傳遞props的時候,只傳遞須要的props,儘可能少用{...props},這樣會增長虛擬DOM的比較負擔;
  3. 若是要用到bind方法,儘可能所有放到constructror裏面,這樣bind只會在組件初始化的時候執行一次,若是放到render裏面,每一次的render都會執行bind,形成性能上的浪費;
  4. 相對複雜的頁面儘可能不要在一個組件裏面寫完,細粒度的管理組件有助於提升渲染效率;
  5. map渲染的組件要使用key,並且key必須是肯定的,不要使用index這類的沒法肯定標識一條數據的key;
  6. 儘可能少用refs或者DOM之類不可控操做;
  7. 若是能夠儘可能使用無狀態組件(函數組件);
  8. React 官方提供了 PureRenderMixin 插件;新版本里直接提供React.PureComponent的基礎類(進行的是淺比較,經過使用Immutable.js可以解決對象深比較的問題);
相關文章
相關標籤/搜索