CommunityCodierung & Entwicklunggithub.com

pproenca/react-hook-form

Optimierung der Leistung von React Hook Form für clientseitige Formularvalidierung mit useForm, useWatch, useController, useFieldArray und der subscribe()-API ab v7.55+.

Was ist react-hook-form?

Dieses Skill-Paket zielt darauf ab, die Leistung von clientseitigen, kontrollierten Formularen mit der React Hook Form Bibliothek zu optimieren. Es konzentriert sich auf den Einsatz von Kern-APIs wie `useForm`, `useWatch`, `useController`, `useFieldArray` und der seit Version 7.55 verfügbaren `subscribe()`-Methode. Durch die gezielte Nutzung dieser APIs können Entwickler die Anzahl unnötiger Re-Renderings reduzieren, insbesondere bei großen oder komplexen Formularen. Die `subscribe()`-API erlaubt es, selektiv nur auf bestimmte Formularänderungen zu reagieren, anstatt das gesamte Formular bei jeder Eingabe neu zu rendern. Es ist wichtig zu beachten, dass dieses Skill nicht für serverseitige Formularverarbeitung oder React 19 Server Actions gedacht ist – dafür wird auf das `react-19`-Skill verwiesen. Unterstützt werden alle gängigen React-Plattformen, die React Hook Form integrieren, wie z.B. Cursor, Codex oder Claude Code.

Funktioniert mit~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 Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht react-hook-form?

Optimierung der Leistung von React Hook Form für clientseitige Formularvalidierung mit useForm, useWatch, useController, useFieldArray und der subscribe()-API ab v7.55+. Dieses Skill sollte verwendet werden, wenn clientseitige kontrollierte Formulare mit der React Hook Form Bibliothek erstellt werden. Dieses Skill deckt NICHT React 19 Server Actions, useActionState oder serverseitige Formularverarbeitung ab (verwenden Sie dafür das react-19-Skill).

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).

Verwandte Skills