@@ -12,22 +12,34 @@ Feature/Capability Key:
12
12
- 🔶 Supported and documented, but requires extra user-code to implement
13
13
- 🛑 Not officially supported or documented.
14
14
15
- | Feature | TanStack Form | Formik | Redux Form | React Hook Form | Final Form |
16
- | ------------------------------------------------- | -------------------------------------------- | ------ | ---------- | --------------- | ---------- |
17
- | Github Repo / Stars | [ ![ ] [ stars-tanstack-form ]] [ gh-tanstack-form ] | | | | |
18
- | Supported Frameworks | React | | | | |
19
- | Bundle Size | [ ![ ] [ bp-tanstack-form ]] [ bpl-tanstack-form ] | | | | |
20
- | First-class TypeScript support | ✅ | ❓ | ❓ | ❓ | ❓ |
21
- | Fully Inferred TypeScript (Including Deep Fields) | ✅ | ❓ | ❓ | ❓ | ❓ |
22
- | Headless UI components | ✅ | ❓ | ❓ | ❓ | ❓ |
23
- | Framework agnostic | ✅ | ❓ | ❓ | ❓ | ❓ |
24
- | Granular reactivity | ✅ | ❓ | ❓ | ❓ | ❓ |
25
- | Nested object/array fields | ✅ | ❓ | ❓ | ❓ | ❓ |
26
- | Async validation | ✅ | ❓ | ❓ | ❓ | ❓ |
27
- | Built-in async validation debounce | ✅ | ❓ | ❓ | ❓ | ❓ |
28
- | Schema-based Validation | 🔶 | ❓ | ❓ | ❓ | ❓ |
15
+ | Feature | TanStack Form | Formik | Redux Form | React Hook Form | Final Form |
16
+ | ------------------------------------------------- | -------------------------------------------- | ------------------------------ | -------------------------------------- | ------------------------------------------------ | ---------------------------- ---------- |
17
+ | 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 ] |
18
+ | Supported Frameworks | React | | | | |
19
+ | Bundle Size | [ ![ ] [ bp-tanstack-form ]] [ bpl-tanstack-form ] | | | | |
20
+ | First-class TypeScript support | ✅ | ❓ | ❓ | ❓ | ❓ |
21
+ | Fully Inferred TypeScript (Including Deep Fields) | ✅ | ❓ | ❓ | ❓ | ❓ |
22
+ | Headless UI components | ✅ | ❓ | ❓ | ❓ | ❓ |
23
+ | Framework agnostic | ✅ | ❓ | ❓ | ❓ | ❓ |
24
+ | Granular reactivity | ✅ | ❓ | ❓ | ❓ | ❓ |
25
+ | Nested object/array fields | ✅ | ❓ | ❓ | ❓ | ❓ |
26
+ | Async validation | ✅ | ❓ | ❓ | ❓ | ❓ |
27
+ | Built-in async validation debounce | ✅ | ❓ | ❓ | ❓ | ❓ |
28
+ | Schema-based Validation | 🔶 | ❓ | ❓ | ❓ | ❓ |
29
29
30
30
[ bpl-tanstack-form ] : https://bundlephobia.com/result?p=@tanstack/react-form
31
31
[ bp-tanstack-form ] : https://badgen.net/bundlephobia/minzip/@tanstack/react-form?label=💾
32
32
[ gh-tanstack-form ] : https://github.com/TanStack/form
33
33
[ stars-tanstack-form ] : https://img.shields.io/github/stars/TanStack/form?label=%F0%9F%8C%9F
34
+
35
+ [ gh-formik ] : https://github.com/jaredpalmer/formik
36
+ [ stars-formik ] : https://img.shields.io/github/stars/jaredpalmer/formik?label=%F0%9F%8C%9F
37
+
38
+ [ gh-redux-form ] : https://github.com/redux-form/redux-form
39
+ [ stars-redux-form ] : https://img.shields.io/github/stars/redux-form/redux-form?label=%F0%9F%8C%9F
40
+
41
+ [ gh-react-hook-form ] : https://github.com/react-hook-form/react-hook-form
42
+ [ stars-react-hook-form ] : https://img.shields.io/github/stars/react-hook-form/react-hook-form?label=%F0%9F%8C%9F
43
+
44
+ [ gh-final-form ] : https://github.com/final-form/final-form
45
+ [ stars-final-form ] : https://img.shields.io/github/stars/final-form/final-form?label=%F0%9F%8C%9F
0 commit comments