Hooks Form Prototype Example

hooks-sample.jsx

function MyFormSample() {
  const form = useForm({
      firstName: useField({ name: "Firstname", validators: [requiredValidator] }),
      lastName: useField({ name: "Lastname", validators: [requiredValidator] })
  });
  
  return (
    <div>
      <TextField {...textFieldFieldProps(form.firstName)} />
      <TextField {...textFieldFieldProps(form.lastName)} />
      
      <Button disabled={!form.allFieldsValid}>Create</Button>
    </div>
  )
}