react-easy-validation-hook
v1.0.0
Published
A lightweight, dynamic Yup validation hook for React forms
Maintainers
Readme
react-easy-validation-hook
✅ A reusable, dynamic validation hook built on Yup for validating React form fields.
🚀 Installation
npm install react-easy-validation-hook
🔧 Usage
import { useValidation } from 'react-easy-validation-hook';
const fields = [ { name: 'username', type: 'username', options: { min: 4, max: 20 } }, { name: 'password', type: 'password', options: { min: 10 } }, { name: 'dob', type: 'dob' }, { name: 'age', type: 'number', options: { min: 18, max: 99 } }, { name: 'bio', type: 'string', options: { min: 10, max: 150 } }, { name: 'customField', customSchema: Yup.string().min(2).required() } ];
const { initialValues, validationSchema } = useValidation(fields);
🧪 Works with Formik
<Formik initialValues={initialValues} validationSchema={validationSchema} onSubmit={handleSubmit}
{/* your form */}
🛠 Add More Types
Extend validationTypes in useValidation.js for additional field types.
📦 Publishing
npm run build npm publish
MIT © Aniket Parkash
