react-validation-mixin alternatives and similar libraries
Based on the "Form Logic" category.
Alternatively, view react-validation-mixin alternatives based on common mentions on social networks and blogs.
-
formik
DISCONTINUED. Build forms in React, without the tears π [Moved to: https://github.com/jaredpalmer/formik] -
Formily
π±π π§© Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3 -
surveyjs
SurveyJS Form Library is a JavaScript form rendering and validation engine that takes a JSON schema and dynamically generates interactive forms using a framework-independent core. It runs entirely on the client, handling UI rendering, conditional logic, and validation, while giving you full control over data storage and submission on your backend. The same form model can be rendered through dedicated, natively supported packages for React, Angular, Vue, or vanilla JavaScript without changing the schema. In practice, you define forms as JSON, pass them to the library, and handle submission events to persist or process the results wherever you choose.
SaaSHub - Software Alternatives and Reviews
Do you think we are missing an alternative of react-validation-mixin or a related project?
README
react-validation-mixin
Simple validation library for React.
This library simply wraps your React Component, transferring it props containing the boilerplate to validate a React form.
react-validation-mixin aims to provide a low-level toolkit for React.Component validation, relying on existing validation libraries.
This library currently supports at least two strategies and the community is urged to expand the available strategies. Each strategy is responsible for the data validation and error message responses. A complete list of strategies can be found at the end of this page.
Users of the library are required to install and include the mixin and a chosen strategy.
View the Demo
Read the Documentation
Steps for migrating from 4.x
Install
Install mixin via npm OR yarn:
> npm install --save react-validation-mixin
> yarn add react-validation-mixin
Install validation strategy via npm OR yarn:
> npm install --save joi-validation-strategy
> yarn add joi-validation-strategy
Make sure you install the peer dependency Joi if using the joi-validation-strategy:
> npm install --save joi
> yarn add joi
Strategies
Current list of validation strategy implementations to choose from:
- joi-validation-strategy - based on Joi
- json-schema-validation-strategy - based on jsen
- react-validatorjs-strategy - based on validatorjs