form-mutation

What problem does it solve?

Building dynamic forms that submit through GraphQL mutations can be verbose and error-prone. This Skill stitches together React Hook Form, Yup validation, and Relay mutations to deliver reliable, user-friendly forms with consistent error handling.

Core Features & Use Cases

• React Hook Form + Yup Validation: Declarative form state and schema-based validation to reduce boilerplate.
• Relay Mutation Integration: Seamless submission via Relay mutations with optimistic UI and robust error handling.
• Error Handling & Internationalized Messages: Centralized toast and field-level errors to guide users during submission.
• Use Case: Build an admin form to create or update entities with server-side validation and clear feedback on success or failure.

Quick Start

Create a new EntityForm bound to a Relay mutation and validate fields with a Yup schema.