feat: createFormControl and subscribe function

[bluebill1049]

Proposal

Expose createFormControl method and enable subscribe outside of the react component. This would solve a lot of subscriptions within child component issues.

⚡️ createFormControl

• Allow us to start subscribing before the react life cycle
• This is completely optional and once everything is working, we can switch to using the core library

const formControl = createFormControl(props)

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

  return <form />
}

function Test() {
  useFormState({
    control: formControl.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 />
}

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[github-actions]

Size Change: +80 B (0%)

Total Size: 20.8 kB

Filename	Size	Change
dist/index.cjs.js	10.4 kB	+37 B (0%)
dist/index.umd.js	10.5 kB	+43 B (0%)

_{compressed-size-action}