React Hooksリファレンス

React Hooksリファレンスは、useStateやuseEffectからReact 19の最新フック であるuseOptimistic、useFormStatus、useまで、すべての組み込みReact Hookを 網羅したブラウザベースの包括的なガイドです。Reactを初めて学ぶ方、開発中に フックの正確なシグネチャを調べたい方、パフォーマンス最適化の高度なパターンを 探している方にも、詳細なドキュメントとコピー可能なコード例に即座にアクセス できます。

すべてのコンテンツはブラウザ内で完全にレンダリングされ、サーバーとの通信、 トラッキング、サードパーティの依存関係はありません。フック名で検索したり、 カテゴリ（State、Effect、Context、Performance、Ref、Form、Transition）で フィルタリングしたり、各エントリを展開してシグネチャ、パラメータの説明、 戻り値、実用的なコード例、一般的な使用パターン、注意すべきポイントを 確認できます。

リファレンスは7つのカテゴリにわたる18個の組み込みフックをすべてカバーして います。Stateフック（useState、useReducer、useId、useSyncExternalStore）は コンポーネントデータを管理します。Effectフック（useEffect、useLayoutEffect、 useInsertionEffect）は副作用とDOM同期を処理します。Contextフック（useContext、 use）はReactコンテキストから読み取ります。Performanceフック（useCallback、 useMemo）は再レンダリングを最適化します。Refフック（useRef、 useImperativeHandle、useDebugValue）はエスケープハッチを提供します。 Formフック（useOptimistic、useFormStatus）はフォーム処理を簡素化します。 Transitionフック（useTransition、useDeferredValue）はUIの応答性を維持します。

各フックエントリには導入されたReactバージョンが含まれており、プロジェクトとの 互換性をすぐに確認できます。Rules of Hooksセクションは、すべてのフックが 従うべき基本的な制約のリマインダーとしていつでもアクセスできます。

1. 検索バーにフック名（例：「useEffect」）またはキーワード（例：「memoize」や「context」）を入力します。
2. カテゴリバッジ（State、Effect、Context、Performance、Ref、Form、Transition）をクリックしてタイプ別にフィルタリングします。
3. フックカードをクリックして、シグネチャ、パラメータ、戻り値、コード例、一般的なパターン、注意点を含む完全なドキュメントを展開します。
4. コピーボタンでフックのシグネチャやコード例をクリップボードにコピーします。
5. すべて展開またはすべて折りたたみをクリックして、素早く閲覧するか特定のフックに集中します。
6. Rules of Hooksセクションを切り替えて基本ルールを確認します。
7. Ctrl+Shift+Cを押すと、1つのフックが表示されているときにコード例をコピーできます。