React Advanced Form

High-order validators
Consider writing a set of pure high-order validator functions that accept optional set of parameters and always return a validator function expected by React Advanced Form:
validators/minLength.js
export default function minLength(length) {
    // returns a validator function expected by RAF
    return ({ value, fieldProps, form }) => {
        return value.length >= length
    }
}
Use the minLength function parametrically whenever necessary:
validationRules.js
import minLength from './validators/minLength'
​
const validationRules = {
  type: {
    tel: {
      minLength: minLength(8),
    },
  },
  name: {
    firstName: {
      minLength: minLength(2),
    },
  },
}

Recipes - Previous

Generating a form

Next - Developers

Contributing