diff --git a/docs/assets/react_form_composability.svg b/docs/assets/react_form_composability.svg index fd2f7ae14..9761825c5 100644 --- a/docs/assets/react_form_composability.svg +++ b/docs/assets/react_form_composability.svg @@ -1,3 +1,3 @@ -

Yes

No

Yes

No

Yes

No

Yes

No

Yes

No

Do you need to reuse state (like defaultValues)?

Use 'formOptions()

Do you need to custom validation functions?

Wrap 'useForm' hook into custom app hook

Do you need to reuse custom UI components?

Do you need access to the 'field'?

Do you need to reuse whole subsections of your form?

Use 'createFormHooks''s 'fieldComponents' (EG: 'TextInput' and 'NumberInput')

Use 'createFormsHook''s 'formComponents' (EG: 'SubmitButton')

Use 'withForm' from 'createFromHook'

Use 'form.Subscribe' and 'form.Field'

 \ No newline at end of file +

Yes

No

Yes

No

Yes

No

Yes

No

Yes

No

Do you need to reuse state (like defaultValues)?

Use 'formOptions()

Do you need to custom validation functions?

Wrap 'useForm' hook into custom app hook

Do you need to reuse custom UI components?

Do you need access to the 'field'?

Do you need to reuse whole subsections of your form?

Use 'createFormHooks''s 'fieldComponents' (EG: 'TextInput' and 'NumberInput')

Use 'createFormsHook''s 'formComponents' (EG: 'SubmitButton')

Use 'withForm' from 'createFormHook'

Use 'form.Subscribe' and 'form.Field'