Skip to content

Commit

Permalink
docs: update react-hook-form column in comparision table (#673)
Browse files Browse the repository at this point in the history 
* update `react-hook-form` column in comparision

* fix typo

* Update comparison.md

const { name, onChange, onBlur, ref } = form.register("age", {
    validate: async (value, _formValues) => {
      await new Promise((resolve) => setTimeout(resolve, 1000));
      return value > 12 ? true : "error message";
    },
  });

* Update comparison.md
  • Loading branch information
@AhmedBaset
AhmedBaset committed Apr 26, 2024
1 parent 68f1164 commit c3a2fd2
Showing 1 changed file with 9 additions and 7 deletions.
16 changes: 9 additions & 7 deletions docs/comparison.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,15 +17,17 @@ Feature/Capability Key:
| Github Repo / Stars | [![][stars-tanstack-form]][gh-tanstack-form] | [![][stars-formik]][gh-formik] | [![][stars-redux-form]][gh-redux-form] | [![][stars-react-hook-form]][gh-react-hook-form] | [![][stars-final-form]][gh-final-form] |
| Supported Frameworks | React, Vue, Angular, Solid, Lit | React | React | React | React |
| Bundle Size | [![][bp-tanstack-form]][bpl-tanstack-form] | [![][bp-formik]][bpl-formik] | [![][bp-redux-form]][bpl-redux-form] | [![][bp-react-hook-form]][bpl-react-hook-form] | [![][bp-final-form]][bpl-final-form] |
| First-class TypeScript support | ✅ | ❓ | ❓ | ❓ | ❓ |
| Fully Inferred TypeScript (Including Deep Fields) | ✅ | ❓ | ❓ | ❓ | ❓ |
| Headless UI components | ✅ | ❓ | ❓ | ❓ | ❓ |
| Framework agnostic | ✅ | ❓ | ❓ | ❓ | ❓ |
| First-class TypeScript support | ✅ | ❓ | ❓ | ✅ | ❓ |
| Fully Inferred TypeScript (Including Deep Fields) | ✅ | ❓ | ❓ | ✅ | ❓ |
| Headless UI components | ✅ | ❓ | ❓ | ✅ | ❓ |
| Framework agnostic | ✅ | ❓ | ❓ | 🛑 | ❓ |
| Granular reactivity | ✅ | ❓ | ❓ | ❓ | ❓ |
| Nested object/array fields | ✅ | ✅ | ❓ | ❓ | ❓ |
| Async validation | ✅ | ✅ | ❓ | ❓ | ❓ |
| Nested object/array fields | ✅ | ✅ | ❓ | ✅*(1) | ❓ |
| Async validation | ✅ | ✅ | ❓ | ✅ | ❓ |
| Built-in async validation debounce | ✅ | ❓ | ❓ | ❓ | ❓ |
| Schema-based Validation | ✅ | ✅ | ❓ | ❓ | ❓ |
| Schema-based Validation | ✅ | ✅ | ❓ | ✅ | ❓ |

*(1) For nested arrays, react-hook-form requires you [to cast the field array by its name](https://react-hook-form.com/docs/usefieldarray) if you're using TypeScript

[bpl-tanstack-form]: https://bundlephobia.com/result?p=@tanstack/react-form
[bp-tanstack-form]: https://badgen.net/bundlephobia/minzip/@tanstack/react-form?label=💾
Expand Down

0 comments on commit c3a2fd2

Please sign in to comment.