fooks v1.2.1

Fooks

React form based on Hooks

Installation

yarn add fooks

Usage

import React from 'react'
import ReactDOM from 'react-dom'
import { createForm } from 'fooks'


const loginForm = createForm({
  initialValues: {
    email: '',
    password: '',
  },
  onSubmit: async (values, { setSubmitting }) => {
    alert(JSON.stringify(values, null, 2))
    setSubmitting(false)
  },
})

const App = () => {
  const { submitting } = loginForm.useForm()
  return (
    <form ref={loginForm.useRef()}>
      <input name="email" type="text" />
      <input name="password" type="password" />
      <button type="submit" disabled={submitting}>
        submit
      </button>
    </form>
  )
}

ReactDOM.render(<App />, document.getElementById('root'))

License

MIT License