Reactパフォーマンス改善
パフォーマンス改善
- 無駄な再レンダリングを防ぐこと
- 無駄な再計算を減らすこと
再レンダリングのトリガー
レンダリング完了後に再レンダリングされる条件は 2 つある。
- useState のセッター ex)
setCount() - useReducer の
dispatch()
再レンダリング
- 親コンポーネントが再レンダリングされると、すべての子コンポーネントが再レンダリングされる
例えば App.tsx をルートコンポーネントとして、App.tsx で useState のセッターを呼び出した場合、App.tsx より下にあるコンポーネントは問答無用で再レンダリングされる。