タグ

ブックマーク / zenn.dev/kazuma1989 (1)

  • データフェッチはuseEffectの出番じゃないなら、結局何を使えばいいんだ

    ショートアンサー React 18 からのフックである、useSyncExternalStore を使えばいいようです。 ※ useEffect がまったくだめだというわけではありません。 ※ クライアントサイドレンダリングのみを考えています。サーバーサイドレンダリングを考慮すると違った答えになるかもしれません。 サンプルコード 次のような useData フックを作ってみます。 JSON API の GET レスポンスを返すシンプルなものです。 実験をしやすいように、リクエスト URL を変えるボタンを置いてあります。 import { useEffect, useState } from "react" export function SearchResults() { const [id, setID] = useState(1) const todo = useData(`http

    データフェッチはuseEffectの出番じゃないなら、結局何を使えばいいんだ
    mizdra
    mizdra 2022/07/09
  • 1