Forms and Validation streamlines the creation and auditing of production-grade forms across React and Next.js applications using Zod schemas. It provides structured guidance for choosing between Next.js Server Actions with useActionState and client-side form submissions, ensures robust field-level error mapping, and enforces strict accessibility standards like aria-invalid, aria-describedby, and keyboard navigation. This skill is ideal for developers implementing multi-field forms, progressive enhancement mutations, secure file uploads, and multi-step wizard flows while avoiding common hydration and double-submit pitfalls.
主要功能
01Troubleshooting patterns for Next.js App Router hydration, revalidation, and file uploads
02Accessibility integration including native label associations, aria-invalid, and aria-describedby attributes
03Architectural decision guidance for Server Actions, useActionState, and client-side submissions
04End-to-end schema validation using Zod with automated field-level error mapping
05Submission lifecycle controls with double-submit prevention and pending state feedback
060 GitHub stars
使用场景
01Building accessible App Router mutation forms using React 19 Server Actions and useActionState
02Auditing existing form markup for WCAG compliance, screen reader compatibility, and error wiring
03Implementing complex multi-step client wizards with shared Zod validation schemas