React-kb-form NPM

react-kb-form

Form validation hook library for enterprise scale react applications

Installation

Use the package manager npm to install react-kb-form.

npm i react-kb-form

Features

Built with performance in mind
Simple usage
Rich collection of validation patterns
No third party libraries was used
Step-by-step validation
Form resetting
Watching form values
Environment mode
Usage with reusable Input components

Simple Usage

import { useKBform } from "react-kb-form";

const {
  _register,
  _handleSubmit,
  _envMode,
  _reset,
  watchState,
  formState,
  errorState,
  formStatus,
} = useKBform();

<form ref={_register} _formname="form" onSubmit={_handleSubmit}>
  <input
    name="example"
    _required="this field is required"
    _email="provided value is not valid email"
  />
  {errorState.example}

  <button type="submit">submit</button>
</form>;

useEffect(() => {
  if (formState) {
    console.log(formState.form);
  }
}, [formState]);

Available Props

_required: string;
_number: string;
_min: string;
_max: string;
_password: string;
_passwordrepeat: string;
_strongpassword: string;
_minlength: string;
_maxlength: string;
_length: string;
_email: string;
_amount: string;
_pan: string;
_panbasic: string;
_pin: string;
_formname: string;
_customregex: string;
_resetbtn: string;
_ignore: string;
_phone: string;