react-valid-state

Description

react-valid-state make state validation easy and fast.

Install

With npm

npm install react-valid-state --save

With yarn

yarn add react-valid-state --save

Usage

const Test = () => {

    // Value must be between 3 and 5
    const [value, setValue, isValueValid]
        = useValidState<number>(1, StateValidator.min(3), StateValidator.max(5));

    return (
        <div>
            {isValueValid && <h1>Value has been validated !</h1>}
        </div>
    );
};

RoadMap

  • Access to violated constraints via state array :

const [value, setValue, isValueError, violations]
    = useValidState<number>(1, StateValidator.max(5), StateValidator.min(1));
  • Add validation custom trigger

GitHub

View Github