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

Yes

No

Yes

No

Yes

Yes

No

No

Yes

No

Do you need to reuse state (like defaultValues)?

Use 'formOptions()'

Do you need to reuse custom validation functions?

Wrap 'useForm' hook into a custom app hook

Do you need to reuse custom UI components?

Do you need access to the 'field'?

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

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

Do you need to reuse whole subsections of your form?

Use 'withForm' from 'createFormHook'

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 'createFromHook'

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

 \ No newline at end of file