⚡ useForm

Form hook made blazing fast and easy.

> The most unopinionated form hook.

Installation

``shell npm i --save use-form-react

`or`


yarn add use-form-react


Have a good to use form in 10 seconds
!demo
Usage
$3
check basic example

`jsx import useForm from 'use-form-react'

const Form = () => { const { onSubmit, onChange, inputs } = useForm('sampleForm', { initialValues: { 'name': '' }, callback: (inputs) => console.log(inputs) } ) return (


      Hello {inputs.name}


  );
}


$3
check advance example

`jsx import React, { useEffect } from 'react'; import useForm from 'use-form-react'

const SignUp = () => { const options = { initialValues: { 'email': '', 'password1': '', 'password2': '' }, callback: () => console.log('it works'), debug: true } const { onSubmit, onChange, inputs, dirty, submitting, reset } = useForm('myAdvanceFormName', option) useEffect(() => { if(inputs.password1!==inputs.password2) console.log('password not matched') }); return (


              type='email'
        name="email"
        value={inputs.email}
        placeholder="Email"
        required
        onChange={onChange}
        />
              type='password'
        name="password1"
        value={inputs.password1}
        placeholder="Password"
        onChange={onChange}
        required
        />
              type='password'
        name="password2"
        value={inputs.password2}
        placeholder="Confirm password"
        onChange={onChange}
        required
        />
      
    
  );
}

To Do

- [ ] better test case
- [ ] debounce the error
- [ ] built-in validation

License

MIT