🎄 Version7.55.0-next.0

[bluebill1049]

⚡️ createFormControl

• Allow us to start subscribing outside of the react component

const { formControl, control } = createFormControl(props)

function App() {
  const { register } = useForm({
    formControl,
  })

  return <form />
}

function Test() {
  useFormState({
    control // no longer need context api
  })
}

⚡️ subscribe

• subscribe form state update without re-render
• subscribe outside of the react component

const { formControl } = createFormControl(props)

control.subscribe({
  formState: { isDirty: true },
  callback: (formState) => {
    if (formState.isDirty) {
      // do something here
    }
  }
})

function App() {
  const { register } = useForm({
    formControl,
  })

  return <form />
}

---

This discussion was created from the release 🎄 Version7.55.0-next.0.

[ahkhanjani]

Well, damn

[domosedov]

is valid usage (without useForm)?

// model.ts
export const { register, handleSubmit } = createFormControl<TodoInput>();

// ui.tsx
import { register, handleSubmit } from "./model";

export const TodoForm = () => {
  return (
    <div>
      <form onSubmit={handleSubmit(console.log)}>
        <input type="text" {...register("title")} />
        <input type="checkbox" {...register("completed")} />
        <button type="submit">Create</button>
      </form>
    </div>
  );
};

[bluebill1049]

if you don't want to re-render: yes