diff --git a/docs/comparison.md b/docs/comparison.md index 602abdf54..7ca3bf817 100644 --- a/docs/comparison.md +++ b/docs/comparison.md @@ -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 \ No newline at end of file