跳至正文
uiify

框架

Next.jsTanStack StartAstroVike

样式

CSSTailwind

主题

语言

English简体中文日本語العربيةРусскийEspañolPortuguês (Brasil)

Hook

@gunkin/uiify/hooks提供25个支持SSR的React Hook，构成组件的底层基础。

Substrate

6项
useIsomorphicLayoutEffect支持SSR的布局副作用（无服务端警告）。useEventCallback引用稳定且始终能读取最新props的回调。useIsMounted查询组件是否仍然挂载。useUnmount卸载时运行清理回调。useMergedRefs将多个ref合并到同一个元素上。useId支持SSR的唯一id，可选择覆盖。

State

4项
usePrevious上一次渲染的值。useToggle带切换和设置回调的布尔状态。useControllableState统一管理受控与非受控状态。useLocalStorage持久化到localStorage的状态。

Effects

6项
useUpdateEffect跳过首次渲染的副作用。useTimeout延迟后运行回调，类似声明式setTimeout。useInterval声明式setInterval（传入null可暂停）。useDebounce值的防抖副本。useDebouncedCallback回调的防抖版本。useThrottledCallback回调的节流版本。

Sensors

5项
useEventListener添加DOM或window事件监听器。useMediaQuery跟踪CSS媒体查询是否匹配。useResizeObserver跟踪元素尺寸。useIntersectionObserver跟踪元素与视口或滚动容器的交叉情况。useWindowSize跟踪窗口尺寸。

Interaction

3项
useClickOutside点击元素外部时运行处理函数。useFocusWithin跟踪焦点进入或离开子树。useHover基于指针的悬停状态（可识别触摸）。