カテゴリー「React」に関連するページ一覧 3ページ目
- React TanStack Queryでバックグラウンド処理をポーリングする
CSVファイルのインポートなど、完了まで時間がかかる処理をHTTPリクエストの中ですべて実行すると、タイムアウトする可能性があります。このような処理では、開始APIから処理IDを返し、ブラウザから状態...
- React 入力値の重複チェックをデバウンスして実行する
ユーザー名の登録フォームでは、入力した値がすでに使用されているかAPIで確認することがあります。入力のたびにAPIを呼び出すとリクエストが増えるため、入力が止まってから重複チェックを実行します。今回は...
- React TanStack Queryで更新後のキャッシュを再取得する
TanStack Queryでデータを更新しても、取得済みの一覧や詳細は自動では書き換わりません。更新後に古いデータが表示されないよう、関連するQueryを無効化して再取得します。今回は商品一覧と商品...
- React TanStack Queryで初期データを複数のキャッシュへ分配する
管理画面の初期表示で、店舗、商品カテゴリ、配送方法など複数のデータが必要になる場合があります。それぞれのAPIを同時に呼び出す代わりに、初期表示用APIでまとめて取得するとリクエスト数を減らせます。今...