소개
This skill streamlines the implementation of robust form systems in React by integrating React Hook Form with Zod for end-to-end type safety. It provides standardized patterns for building everything from simple contact forms to complex multi-step wizards and dynamic field arrays, ensuring DRY (Don't Repeat Yourself) validation by using the same schema across both client and server logic. It specifically addresses common pitfalls like uncontrolled-to-controlled warnings, async validation race conditions, and deep nesting error handling, making it an essential guide for building production-ready, accessible user interfaces.
