https://reactjs.org/docs/optimizing-performance.html#avoid-reconciliation
程式碼層面優化
- 虛擬化長列表 & 常用庫 react-virtualized
- 合理組織 React Component:React Component Patterns
- 在希望發生重新渲染的 DOM 上設定同級唯一 key 以觸發重新渲染
- 儘量將 props 和 state 攤平,只傳遞 component 需要的 props,慎將 component 當作 props 傳入
程式碼體積優化