Radosław Miernik
Open source? Embrace, understand, develop.
uniforms
uniforms
?A set of React libraries for building forms from any schema.
Website: uniforms.tools
The main package is also called uniforms
.
Source: uniforms.tools/docs/api-bridges
Yep, 12 now: 1 (core) + 4 (schemas) + 7 (themes).
Source: uniforms.tools/docs/compare-matrix
Feature | uniforms | Formik | redux-form | React Final Form | react-hook-form |
---|---|---|---|---|---|
Synchronous validation | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ |
Asynchronous validation | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ |
Field level validation | ✖️ | ✔️ | ✔️ | ✔️ | ✔️ |
Manual form layout | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ |
Automatic form layout | ✔️ | ✖️ | ✖️ | ✖️ | ✖️ |
Manual state management mode | ✔️ | ✖️ | ✔️ | ✖️ | ✔️ |
Automatic state management mode | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ |
Manually trigger change | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ |
Manually trigger reset | ✔️ | ✔️ | ✔️ | ✖️ | ✔️ |
Manually trigger validation | ✔️ | ✔️ | ✖️ | ✖️ | ✔️ |
Built in focus state management | ✖️ | ✔️ | ✔️ | ✔️ | ✔️ |
Bootstrap 3 theme | ✔️ | ✖️ | ✖️ | ✖️ | ✖️ |
Bootstrap 4 theme | ✔️ | ✖️ | ✖️ | ✖️ | ✖️ |
Bootstrap 5 theme | ✔️ | ✖️ | ✖️ | ✖️ | ✖️ |
Semantic UI theme | ✔️ | ✖️ | ✖️ | ✖️ | ✖️ |
Your custom theme | ✔️ | ✔️ | ✔️ | ✔️ | ✖️ |
JSON Schema support | ✔️ | ✖️ | ✖️ | ✖️ | ✖️ |
GraphQL schema support | ✔️ | ✖️ | ✖️ | ✖️ | ✖️ |
SimpleSchema support | ✔️ | ✖️ | ✖️ | ✖️ | ✖️ |
Your custom schema support | ✔️ | ✔️ | ✔️ | ✔️ | ✖️ |
I'd say that the distribution would be
25% / 60% / 10% / 5%
You don't have to use automatically generated forms nor a theme at all. At its core, it's just a library, that handles the form management and can be used solely for that purpose.
That also means it works with React Native. There's just no theme for it (right now).
By Radosław Miernik