本文へ移動
uiify

フック

@gunkin/uiify/hooksが提供する、SSRで安全に使える25のReactフックです。コンポーネントの基盤を支えます。

Substrate

6件
useIsomorphicLayoutEffectSSRで安全に使えるレイアウトエフェクト。サーバーで警告が出ません。useEventCallback同一性を保ちながら、常に最新のpropsを参照するコールバック。useIsMountedコンポーネントがまだマウントされているかを確認します。useUnmountアンマウント時にクリーンアップのコールバックを実行します。useMergedRefs複数のrefを1つの要素にまとめます。useId任意に上書きできる、SSRで安全な一意のID。

State

4件
usePrevious前回のレンダリング時の値。useToggle切り替え・設定のコールバックを備えた真偽値の状態。useControllableState制御と非制御を統一して扱う状態。useLocalStoragelocalStorageに保存する状態。

Effects

6件
useUpdateEffect初回のレンダリングをスキップするエフェクト。useTimeout宣言的なsetTimeoutのように、指定時間後にコールバックを実行します。useInterval宣言的なsetInterval。nullで一時停止します。useDebounceデバウンスした値のコピー。useDebouncedCallbackデバウンスしたコールバック。useThrottledCallback実行頻度を制限したコールバック。

Sensors

5件
useEventListenerDOMまたはwindowのイベントリスナーを登録します。useMediaQueryCSSメディアクエリーの一致状態を追跡します。useResizeObserver要素のサイズを追跡します。useIntersectionObserver要素とビューポートまたはスクロールコンテナーとの交差状態を追跡します。useWindowSizeウィンドウの寸法を追跡します。

Interaction

3件
useClickOutside要素の外側がクリックされたときにハンドラーを実行します。useFocusWithinサブツリーへのフォーカスの出入りを追跡します。useHoverタッチ入力を考慮した、ポインターによるホバー状態。
このページは機械翻訳によるもので、レビューは未実施です。