そのuseEffect、本当に必要？

Transcript

1. そのuseEffect、本当に必要？ shirahama
2. 今日話すテーマ useEffectについて
3. useEffectとは
4. useEffect はコンポーネントを外部システムと同期させるための React フック
5. useEffectの依存配列に変更を検知したい値を入れて 何らかの処理を行うような使い方は正しくない
7. 悪い例
8. useEffectでfirstName、lastNameの変更を検知してfullNameを更新する Bad Pattern
9. propsやstateといったReact内部の値に基づいた処理は • 必要以上に複雑になる （子コンポーネント、孫コンポーネントまで関連してくると処理を追うのが辛い。。。） • 余計な再レンダリングが起きる
10. 良い例
11. レンダリング中に計算する Good Pattern
12. そのuseEffect、本当に必要？ React Docs: https://ja.react.dev/learn/you-might-not-need-an-effect
13. 128個のuseEffectをランダムにチェックしたところ59個は不要なものだったらしい
14. 「全てのuseEffectを生まれる前に消し去りたい」
15. ご清聴ありがとうございました