Tag: React

仕事で使ったテクニックを個人のブログに記しておかないと退職時に失ってしまうので書き写しておく。「ブラウザが webp をサポートしているかどうか判定」、「画像が読み込み終わったことを検知する」、「IntersectionObserver を使うための React hook」について。

Firebase Authentication の認証を signInWithRedirect にする実装について。

TanStack Query（旧：React Query）で一覧上のアイテムを編集・削除したとき、再フェッチせずキャッシュを直接書き換える。

gqlgen + @graphql-codegen/typescript-react-query 環境でセッションを張る方法のメモ。

アクセスのたびにフェッチしない方法、キャッシュの消し方、Authorization ヘッダの入れ方について。

Vite + React + TypeScript 環境に Jest + Testing Library を入れてテストを書けるようにする。

React Query を単体で使わずいきなり GraphQL Code Generator と組み合わせたために Mutation の実行方法がわからず手こずったので結論を書く。

React Query で GraphQL のリクエストを行おうとしたが初期設定が結構面倒だったのでメモ。

Firebase Authentication で認証状態になったときだけ閲覧できるページを作るという記事で React Router V5 のときの認証状態によるリダイレクトを実装したが、V6 になって同じ書き方ではできなくなったので、公式サイトの方法で実装する。

フロントエンドを React、バックエンドを Go で Sign In With Google （レガシーな Google Sign-In ではなく新しいほう）を実装する。