Community编程与开发github.com

pproenca/react-hook-form

React Hook Form 客户端表单验证性能优化技能,适用于构建客户端受控表单。

react-hook-form 是什么?

该技能专注于使用 React Hook Form 库进行客户端表单验证的性能优化。它涵盖了关键的 Hook,如 useForm、useWatch、useController、useFieldArray,以及 v7.55+ 版本的 subscribe() API。当开发者需要构建具有高性能的客户端受控表单时,应使用此技能。请注意,此技能不包括 React 19 的 Server Actions、useActionState 或服务端表单处理(这些场景应使用 react-19 技能)。通过利用这些优化技术,可以显著减少不必要的重渲染,提升表单响应速度。

兼容平台~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/pproenca/dot-skills/tree/main/skills/react-hook-form

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

react-hook-form 是做什么的?

React Hook Form 客户端表单验证性能优化技能,使用 useForm、useWatch、useController、useFieldArray 以及 v7.55+ 版本的 subscribe() API。本技能适用于使用 React Hook Form 库构建客户端受控表单的场景。本技能不涵盖 React 19 的 Server Actions、useActionState 或服务端表单处理(这些请使用 react-19 技能)。

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

pproenca/clean-architecture

Clean Architecture principles and best practices from Robert C. Martin's book. This skill should be used when designing software systems, reviewing code structure, or refactoring applications to achieve better separation of concerns. Triggers on tasks involving layers, boundaries, dependency direction, entities, use cases, or system architecture.

pproenca/code-simplifier

Code simplification skill for improving clarity, consistency, and maintainability while preserving exact behavior. Use when simplifying code, reducing complexity, cleaning up recent changes, applying refactoring patterns, or improving readability. Triggers on tasks involving code cleanup, simplification, refactoring, or readability improvements.

pproenca/emilkowal-animations

Emil Kowalski's animation best practices for web interfaces. Use when writing, reviewing, or implementing animations in React, CSS, or Framer Motion. Triggers on tasks involving transitions, easing, gestures, toasts, drawers, or motion.

pproenca/nuqs

nuqs (type-safe URL query state) best practices for Next.js and other React frameworks. This skill should be used when writing, reviewing, or refactoring code that uses nuqs for URL state management. Triggers on tasks involving useQueryState, useQueryStates, search params, URL state, query parameters, nuqs parsers, limitUrlUpdates, Standard Schema, NuqsAdapter, or Next.js routing with state.

pproenca/typescript

TypeScript performance, tsconfig, type errors, async patterns — triggered when the user asks to "optimize TypeScript performance", "speed up tsc compilation", "configure tsconfig.json", "fix type errors", "improve async patterns", or encounters TS errors (TS2322, TS2339, "is not assignable to"). Also triggers on .ts, .tsx, .d.ts file work involving type definitions, module organization, or memory management. Does NOT cover TypeScript basics, framework-specific patterns, or testing.

pproenca/vitest

Vitest testing framework patterns for test setup, async testing, mocking with vi.*, snapshots, and test performance (formerly test-vitest). This skill should be used when writing or debugging Vitest tests. This skill does NOT cover TDD methodology (use test-tdd skill), API mocking with MSW (use test-msw skill), or Jest-specific APIs.

pproenca/zod

Zod schema validation best practices for type safety, parsing, and error handling. This skill should be used when defining z.object schemas, using z.string validations, safeParse, or z.infer. This skill does NOT cover React Hook Form integration patterns (use react-hook-form skill) or OpenAPI client generation (use orval skill).

相关技能