/ Form

A Simple validation mixin (HoC) for React

A Simple validation mixin (HoC) for React


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.

Live Demo



Install mixin via npm:

> npm install --save react-validation-mixin

Install validation strategy via npm:

> npm install --save joi-validation-strategy

Make sure you install the peer dependency Joi if using the joi-validation-strategy:

> npm install --save joi