React Hooks一覧

このツールでできること

• React Hooks一覧では、React Hooksを状態管理、副作用、参照、パフォーマンス、React 19新規、その他に分け、useActionStateやuseEffectEventも検索できる固定リファレンスです。
• 関連する観点として React Hooks、useState、useEffect を確認し、結果をコピーして別の作業に使えます。

使い方

1. 「絞り込み」欄を空にして、状態管理、副作用、参照、パフォーマンス、React 19新規、その他の全セクションを確認します。
2. useEffect、メモ化、フォーム送信状態などの語を入力し、該当するフック行だけに絞ります。
3. React 19新規セクションでは use、useActionState、useFormStatus、useOptimistic の収録を確認します。
4. Effect内イベントを探す場合は useEffectEvent で絞り込み、旧 useFormState 名は useActionState に読み替えます。

入力例・出力例

よくある利用シーン

• Reactのフック名をカテゴリ別に思い出し、useEffect や useMemo の役割を短く確認したいとき。
• フォームアクションや楽観的更新などReact 19周辺の現行名を、既存コードのレビュー前に確認したいとき。
• useMemo と useCallback、useTransition と useDeferredValue のような近い名前を見比べたいとき。
• 公式ドキュメントを開く前に、固定表で候補フック名を素早く探したいとき。

結果確認のポイント

• 構文、引用符、改行、エスケープが利用先の仕様に合っているか確認してください。
• React Hooks、useState、useEffectの観点で、入力内容と出力内容がずれていないか見直してください。
• コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。

注意点

• 本番の秘密情報、APIキー、パスワードは入力しないでください。
• 結果を公開・送信する前に、用途に合う形式かを必ず確認してください。

データの扱い / プライバシー

• React Hooks一覧の主要な処理はブラウザ内で実行されます。
• 入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
• 本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。

よくある質問

関連ツール