diff --git a/docs/comparison.md b/docs/comparison.md index 4110d6a5f..c793ef5e8 100644 --- a/docs/comparison.md +++ b/docs/comparison.md @@ -3,7 +3,7 @@ id: comparison title: Comparison | TanStack Form --- -> This comparison table strives to be as accurate and as unbiased as possible. If you use any of these libraries and feel the information could be improved, feel free to suggest changes (with notes or evidence of claims) using the "Edit this page on Github" link at the bottom of this page. +> ⚠️ This comparison table is under construction and is still not completely accurate. If you use any of these libraries and feel the information could be improved, feel free to suggest changes (with notes or evidence of claims) using the "Edit this page on Github" link at the bottom of this page. Feature/Capability Key: @@ -12,12 +12,20 @@ Feature/Capability Key: - 🔶 Supported and documented, but requires extra user-code to implement - 🛑 Not officially supported or documented. -| | TanStack Form | -| -------------------- | -------------------------------------------- | -| Github Repo / Stars | [![][stars-tanstack-form]][gh-tanstack-form] | -| Supported Frameworks | React | -| Bundle Size | [![][bp-tanstack-form]][bpl-tanstack-form] | -| TODO | | +| 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 | 🔶 | ❓ | ❓ | ❓ | ❓ | [bpl-tanstack-form]: https://bundlephobia.com/result?p=@tanstack/react-form [bp-tanstack-form]: https://badgen.net/bundlephobia/minzip/@tanstack/react-form?label=💾 diff --git a/docs/installation.md b/docs/installation.md index d9d1f98a4..5152d3028 100644 --- a/docs/installation.md +++ b/docs/installation.md @@ -3,47 +3,14 @@ id: installation title: Installation --- -You can install TanStack Form via [NPM](https://npmjs.com), -or a good ol' ` -``` - -Once you've added this you will have access to the `window.ReactForm` object and its exports. - -> This installation/usage requires the [React CDN script bundles](https://reactjs.org/docs/cdn-links.html) to be on the page as well. - -### Requirements - -TanStack Form is optimized for modern browsers. It is compatible with the following browsers config - -``` -Chrome >= 73 -Firefox >= 78 -Edge >= 79 -Safari >= 12.0 -iOS >= 12.0 -opera >= 53 +$ yarn add @tanstack/svelte-form ``` > Depending on your environment, you might need to add polyfills. If you want to support older browsers, you need to transpile the library from `node_modules` yourselves.