rhf-dynamic-field-arrays

What problem does it solve?

React forms with dynamic lists often require duplicating UI and state logic. This Skill provides a structured approach using React Hook Form's useFieldArray with Zod validation to manage dynamic item arrays safely and efficiently.

Core Features & Use Cases

• Create and manage dynamic lists (add, remove, reorder) in forms.
• Validate arrays with Zod (min/max, nested objects) to ensure data integrity.
• Use field.id as the stable key to prevent UI order bugs when items are rearranged.

Quick Start

Create a dynamic form that uses useFieldArray to manage an array of items and validates them with a Zod schema.