use-hook-form
v1.0.0
Published
<div align="center"><a href="https://react-forme.now.sh/"><img src="https://raw.githubusercontent.com/bluebill1049/react-forme/master/website/logo.png" alt="React forme Logo - React hook form valiation" width="500px" /></a></div>
Downloads
51
Readme
React form management without the hassle
- Super easy to create forms and integrate
- Build with React hook, performance and developer experience in mind
- Follow html standard for validation
- Tiny size without other dependency 2 kB (minified + gzipped)
- Build a quick form with form builder
Install
$ npm install react-forme
Website
Quickstart
import React from 'react';
import useForm from 'react-forme';
function App() {
const { register, handleSubmit, errors } = useForm();
const onSubmit = (data) => { console.log(data); }
console.log(errors);
return <form onSubmit={handleSubmit(onSubmit}>
<input name="firstname" ref={(ref) => register({ ref, required: true })} />
<input name="lastname" ref={(ref) => register({ ref, pattern: "[a-z]{1,15}" })} />
<input type="submit" />
</form>
}