Skip to content

Commit

Permalink
Add github starts for other libraries in comparison page (#397)
Browse files Browse the repository at this point in the history
  • Loading branch information
@bhattrajat
bhattrajat authored Aug 29, 2023
1 parent 8a2f755 commit 27dec1f
Showing 1 changed file with 26 additions and 14 deletions.
40 changes: 26 additions & 14 deletions docs/comparison.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,22 +12,34 @@ Feature/Capability Key:
- 🔶 Supported and documented, but requires extra user-code to implement
- 🛑 Not officially supported or documented.

| Feature | TanStack Form | Formik | Redux Form | React Hook Form | Final Form |
| ------------------------------------------------- | -------------------------------------------- | ------ | ---------- | --------------- | ---------- |
| Github Repo / Stars | [![][stars-tanstack-form]][gh-tanstack-form] | | | | |
| Supported Frameworks | React | | | | |
| Bundle Size | [![][bp-tanstack-form]][bpl-tanstack-form] | | | | |
| First-class TypeScript support | ✅ | ❓ | ❓ | ❓ | ❓ |
| Fully Inferred TypeScript (Including Deep Fields) | ✅ | ❓ | ❓ | ❓ | ❓ |
| Headless UI components | ✅ | ❓ | ❓ | ❓ | ❓ |
| Framework agnostic | ✅ | ❓ | ❓ | ❓ | ❓ |
| Granular reactivity | ✅ | ❓ | ❓ | ❓ | ❓ |
| Nested object/array fields | ✅ | ❓ | ❓ | ❓ | ❓ |
| Async validation | ✅ | ❓ | ❓ | ❓ | ❓ |
| Built-in async validation debounce | ✅ | ❓ | ❓ | ❓ | ❓ |
| Schema-based Validation | 🔶 | ❓ | ❓ | ❓ | ❓ |
| Feature | TanStack Form | Formik | Redux Form | React Hook Form | Final Form |
| ------------------------------------------------- | -------------------------------------------- | ------------------------------ | -------------------------------------- | ------------------------------------------------ | -------------------------------------- |
| 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 | | | | |
| Bundle Size | [![][bp-tanstack-form]][bpl-tanstack-form] | | | | |
| First-class TypeScript support | ✅ | ❓ | ❓ | ❓ | ❓ |
| Fully Inferred TypeScript (Including Deep Fields) | ✅ | ❓ | ❓ | ❓ | ❓ |
| Headless UI components | ✅ | ❓ | ❓ | ❓ | ❓ |
| Framework agnostic | ✅ | ❓ | ❓ | ❓ | ❓ |
| Granular reactivity | ✅ | ❓ | ❓ | ❓ | ❓ |
| Nested object/array fields | ✅ | ❓ | ❓ | ❓ | ❓ |
| Async validation | ✅ | ❓ | ❓ | ❓ | ❓ |
| Built-in async validation debounce | ✅ | ❓ | ❓ | ❓ | ❓ |
| Schema-based Validation | 🔶 | ❓ | ❓ | ❓ | ❓ |

[bpl-tanstack-form]: https://bundlephobia.com/result?p=@tanstack/react-form
[bp-tanstack-form]: https://badgen.net/bundlephobia/minzip/@tanstack/react-form?label=💾
[gh-tanstack-form]: https://github.com/TanStack/form
[stars-tanstack-form]: https://img.shields.io/github/stars/TanStack/form?label=%F0%9F%8C%9F

[gh-formik]: https://github.com/jaredpalmer/formik
[stars-formik]: https://img.shields.io/github/stars/jaredpalmer/formik?label=%F0%9F%8C%9F

[gh-redux-form]: https://github.com/redux-form/redux-form
[stars-redux-form]: https://img.shields.io/github/stars/redux-form/redux-form?label=%F0%9F%8C%9F

[gh-react-hook-form]: https://github.com/react-hook-form/react-hook-form
[stars-react-hook-form]: https://img.shields.io/github/stars/react-hook-form/react-hook-form?label=%F0%9F%8C%9F

[gh-final-form]: https://github.com/final-form/final-form
[stars-final-form]: https://img.shields.io/github/stars/final-form/final-form?label=%F0%9F%8C%9F

0 comments on commit 27dec1f

Please sign in to comment.