CommunityDéveloppement et programmationgithub.com

pproenca/react-hook-form

Optimisation des performances de React Hook Form pour la validation de formulaires côté client utilisant useForm, useWatch, useController, useFieldArray et l'API subscribe() v7.55+. Cette compétence doit être utilisée lors de la construction de formulaires contrôlés côté client avec la bibliothèque React Hook Form. Cette compétence ne couvre PAS les actions serveur React 19, useActionState ou la gestion de formulaires côté serveur (utilisez la compétence react-19 pour cela).

Qu'est-ce que react-hook-form ?

Cette compétence permet d'optimiser les performances des formulaires contrôlés côté client avec React Hook Form. Elle couvre les API clés comme useForm, useWatch, useController, useFieldArray et la nouvelle API subscribe() introduite dans la version 7.55+. Elle est conçue pour les développeurs React souhaitant réduire les re-rendus inutiles et améliorer la réactivité des formulaires complexes. Attention : elle ne traite pas des actions serveur React 19, de useActionState ou de la gestion de formulaires côté serveur, qui nécessitent l'utilisation de la compétence dédiée react-19. Les développeurs bénéficieront de conseils pratiques sur l'utilisation de l'API subscribe() pour écouter sélectivement les changements de champs, minimisant ainsi les re-rendus des composants et améliorant les performances globales.

Compatible avec~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 Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Que fait react-hook-form ?

Optimisation des performances de React Hook Form pour la validation de formulaires côté client utilisant useForm, useWatch, useController, useFieldArray et l'API subscribe() v7.55+. Cette compétence doit être utilisée lors de la construction de formulaires contrôlés côté client avec la bibliothèque React Hook Form. Cette compétence ne couvre PAS les actions serveur React 19, useActionState ou la gestion de formulaires côté serveur (utilisez la compétence react-19 pour cela).

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

Skills associés

steipete/bluebubbles

Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.

community

steipete/eightctl

Control Eight Sleep pods (status, temperature, alarms, schedules).

community

steipete/blucli

BluOS CLI (blu) for discovery, playback, grouping, and volume.

community

steipete/bear-notes

Create, search, and manage Bear notes via grizzly CLI.

community

steipete/camsnap

Capture frames or clips from RTSP/ONVIF cameras.

community

steipete/gifgrep

Search GIF providers with CLI/TUI, download results, and extract stills/sheets.

community
← More Développement et programmation skills