【保存版】「そのuseEffectの使い方あってる？」と言われる前に

参考 目的 プロジェクトで使用されている不適切なuseEffectを減らす 本題 Reactの公式ドキュメントにuseEffectは必要ないかもしれない，というようなページがありとても勉強になったので記事にしようと思いました． データフェッチング アプリのデータフェッチングをuseEffect内で行うのはよく知られている方法です． Bad 💣 function SearchResults({ query }) { const [results, setResults] = useState([]); const [page, setPage] = useState(1); useEffect(() => { // 🔴 Avoid: クリーンアップなしでのフェッチング fetchResults(query, page).then(json => { setResults(json); }

[rikuba]

アプリケーションの初期化をトップレベルで行う／useSyncExternalStoreを使う

[arx0balest]

非常に良記事

[winterfall]

"1ms以上であればuseMemoを使った方が良いそうです．"