react-forme

React form management without the hassle

Usage no npm install needed!

<script type="module">
  import reactForme from 'https://cdn.skypack.dev/react-forme';
</script>

README

React forme Logo - React hook form valiation

React form management without the hassle

Tweet CircleCI Coverage Status npm downloads npm npm

  • 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>
}