Add useForm Hook with Validation

This PR introduces a new useForm hook for managing form state and validation in React applications.

Changes

feat: add useForm hook (b1a6ea3)

Implemented the basic structure of the useForm hook
Added state management for form values and errors
Created the register and handleSubmit functions

feat: add validate field function, types of register options and validate rule (da3c11a)

Implemented the validateField function for individual field validation
Added types for RegisterOptions and ValidationRule
Enhanced the register function to accept validation options

test: add test cases for useForm hook (a327f3e)

Added comprehensive test suite for the useForm hook
Covered scenarios for initialization, value updates, and various validation rules

Impact

This new hook will simplify form management in our React components, providing:

Easy form state management
Built-in validation with support for required fields, patterns, and custom validation rules
A clean API for registering fields and handling form submission

Usage Example


const { register, handleSubmit, errors, values } = useForm<FormData>();

const onSubmit = (data: FormData) => {
  // Handle form submission
};

return (
  <form onSubmit={handleSubmit(onSubmit)}>
    <input {...register("email", { required: true, pattern: /^\S+@\S+$/i })} />
    {errors.email && <span>{errors.email}</span>}
    <button type="submit">Submit</button>
  </form>
);

VatsalDave2102 / react-ts-form-library

feat: add useForm hook #1

Add useForm Hook with Validation

Changes

feat: add useForm hook (b1a6ea3)

feat: add validate field function, types of register options and validate rule (da3c11a)

test: add test cases for useForm hook (a327f3e)

Impact

Usage Example