メインコンテンツにスキップ
ToolShed
ホーム
人気
新着
すべてのツール
読み込み中...
ホーム
開発・コード変換
React Hooks一覧
開発・コード変換
無料
登録不要
React Hooks一覧
React 19の全Hooksの一覧と基本的な使い方を表示する無料オンラインツール。React Hooks一覧をブラウザ上で即座に実行でき、開発ツールとして登録不要で利用できます。
入力
結果
--- 状態管理 --- useState(initial) ローカル状態 useReducer(reducer, init) 複雑な状態 useContext(Context) コンテキスト値 --- 副作用 --- useEffect(fn, deps) 副作用(DOM操作, API呼出) useLayoutEffect(fn, deps) DOM変更前の副作用 useInsertionEffect(fn) CSS-in-JS用 --- 参照 --- useRef(initial) ミュータブルな参照 useImperativeHandle(ref, fn) ref公開API --- パフォーマンス --- useMemo(fn, deps) 計算結果のメモ化 useCallback(fn, deps) 関数のメモ化 useTransition() 低優先度更新 useDeferredValue(value) 値の遅延 --- React 19 新規 --- use(promise) Promise/Context読取 useFormStatus() フォーム送信状態 useFormState(action, init) サーバーアクション状態 useOptimistic(state, fn) 楽観的更新 --- その他 --- useId() 一意ID生成 useSyncExternalStore() 外部ストア購読 useDebugValue(value) DevTools表示
コピー
FAQ
よくある
質問
使い方を教えてください。
+
画面の入力欄に処理したい値を入れるだけで、React Hooks一覧が即座に結果を表示します。コピー ボタンで結果をワンクリックでクリップボードに送れます。
料金はかかりますか?
+
開発環境で使用しても安全ですか?
+
関連ツール
こちらも
おすすめ
HTMLエンティティ参照
よく使うHTMLエンティティ(特殊文字)の一覧表。コピペですぐ使える無料オンラインツール。
HTMLタグ一覧
HTMLの主要タグの一覧と用途を表示する無料オンラインツール。HTMLタグ一覧をブラウザ上で即座に実行でき、開発ツールとして登録不要で利用できます。
HTTPヘッダー辞典
HTTPリクエスト・レスポンスヘッダーの一覧と詳細解説。用途別の検索、設定例のコピーに対応。Web開発の参考に使える無料オンラインツール。
HTTPメソッド一覧
GET/POST/PUT/DELETE等のHTTPメソッドの意味と使い分けを一覧表示。REST API開発の参考に便利な無料オンラインツール。
アクセシビリティチェックリスト
Webアクセシビリティ(WCAG 2.1)の主要チェック項目を一覧表示する無料オンラインツール。
APIキー生成
暗号学的に安全なAPIキーを生成。長さ・文字種をカスタマイズ可能。API開発のキー発行に便利な無料オンラインツール。