useEffectによるデータフェッチはアンチパターン
#React
#useEffect
#データフェッチ
#アンチパターン
useEffect
は公式がエスケープハッチと言い張るぐらいの強い主張がある
React Docs > Escape Hatches
Chains of computations
https://react.dev/reference/react/useEffect#fetching-data-with-effects
当然データフェッチもNG
中途半端な状態でレンダリングされる(=一貫性を崩す)
パフォーマンス
が悪い
1. フォームで値を変化して再レンダリング
2.
useEffect
で
API
たたいて状態変化
3. 再レンダリング
→1の時点のレンダリングは古いデータを参照している