This boilerplate repository provides a collection of React Hook Form controllers for all Material-UI components, along with Zod schema validation for enhanced form handling and data integrity.
This project almost contains all possible combinations with React Hook Form, Material UI and Zod (discriminated unions with Zod and React Hook Form and MUI, customized controller and so much more).
Efficient Form Handling: Leverage React Hook Form's powerful API to manage form state, validation, and submit events seamlessly.
Material-UI Component Support: Seamlessly integrate React Hook Form with all Material-UI components, including text fields, selects, buttons, and more.
Zod Schema Validation: Employ Zod's robust schema definition language to validate form data against predefined rules, ensuring data accuracy and consistency.
Custom Validation Logic: Implement custom validation logic using Zod's validation functions, providing flexible and tailored validation rules.
Create and Editing Entities on Server: Know all best practices to handle form data submitting to the server (create and edit capabilities)
TypeScript Support: Utilize TypeScript to enhance type safety and code readability throughout the project.