React Hooks Form

React Hooks Form offers an easy way to manage your forms in React.
It's built using the famous React Hooks!

$3

You can find the complete documentation here.

$3

Install via NPM or Yarn:

``
npm install react-hooks-form --save
yarn add react-hooks-form
`


The following code snippet is a basic example of using React Hooks Form.

`jsx harmony
import React from 'react'
import { Form, FormField } from 'react-hooks-form'

async function handleSubmit(values) {
try {
await _myApiRequest(values)
} catch (error) {
alert(error.message)
}
}

function SignUpForm() {
return (






Sign Up

)
}


`

$3

`js
// Hook to field value
const amount = useFormFieldValue('amount')

// Hook to field error, focus status and ...
const {
active,
error,
invalid,
visited
} = useFormFieldMeta('amount')

// Hook to get form all values
const values = useFormValues()

// Hook to form submission status, errors and ...
const {
submitting,
submitFailed,
submitSucceeded,
error
} = useFormMeta()

// Hook to access form API
const formApi = useForm() // There are plenty of methods
``