react-easy-validation-hook/README.md

A lightweight, dynamic Yup validation hook for React forms

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 */}
</Formik>

🛠 Add More Types

Extend validationTypes in useValidation.js for additional field types.


---


📦 Publishing

npm run build
npm publish


---


MIT © Aniket Parkash