SuperAPI AI 工具集

reactuse

前端与建站

查看项目

更新于 10-15 23:40

技能介绍

用途:这是 reactuse 库在 React.js / Next.js 项目中的决策与实现指南。它把开发需求映射到最合适的 reactuse Hook,给出正确用法,并优先采用 Hook 方案而非自写代码,以保持实现简洁、可维护、性能良好。

主要能力:Hook 按功能分组,包括 Helpers(cn、createContext、createStore、target 等)、Elements(useClickOutside、useHover、useFocusTrap、useDropZone 等)、Async(useAsync、useQuery、useMutation、useOptimistic 等)、Lifecycle(useMount、useUnmount、useDidUpdate、useIsomorphicLayoutEffect 等)、Browser(useClipboard、useEventListener、useWebSocket、useMediaQuery、useGeolocation 等)、Utilities(useDebounceValue、useThrottleCallback、useEvent、usePrevious 等)、State(useLocalStorage、useMap、useDisclosure、useUrlSearchParams、useForm 等)、User(usePreferredDark、useBrowserLanguage 等)、Sensors(useHotkeys、useIntersectionObserver、useScroll、useSwipe 等)、Time(useInterval、useStopwatch、useTimer 等)以及 Debug(useRenderCount、useRerender 等)。

使用方式:在 React.js / Next.js 开发中先检查是否有 reactuse Hook 能满足需求,再按 Hook 的 Invocation 规则调用。AUTO 表示适用时自动使用;EXTERNAL 表示仅在用户已安装所需外部依赖时使用,否则重新考虑,确有必要才请求安装;EXPLICIT_ONLY 表示仅在用户明确要求时使用。用户提示或 AGENTS.md 中的指令可覆盖默认规则。使用任一 Hook 时应查阅 ./references 中对应文档以了解用法与类型声明。

限制:reactuse 近期版本导出的 Humor 类 Hook(useFul、useLess、useOnce)被上游标记为玩笑或非生产用途,本技能有意不支持也不推荐。具体安装命令、版本要求与完整 API 细节暂未提供。