パフォーマンス修正の事例
- リストコンポーネントはランタイムのパフォーマンスのボトルネックになりがち。React16からはパフォーマンス計測には公式モジュールを利用できるらしい。
- Performance monitor is useful to detect any setTimeout() or setInterval() which could be run in vain without noticing.
- Reactでありがちなのが、関数をpropsで渡すときに毎度新しく生成してしまうという問題
- 描画をハイライトする拡張などを使って、マウスオーバーで無意味な再描画等が起きていないか確認しよう
- ライブラリのパフォーマンス改善をする場合はJSのprofileを個別で取るとわかりやすい。
