react-custom-proptypes
React Custom PropTypes exposes a simple API for creating precisely defined, dependency-free, and chainable React PropType validators.
Check out the examples for various use cases.
Installation
```sh $ npm install react react-dom react-custom-proptypes --save ```createPropType
Syntax
``` createPropType(callback, description) ```Parameters
callback : function
Function that returns a boolean representing the validation of the proptype, taking a single argument: prop, the value of the prop
description : string
Optional. Use this value to specify a helpful description.
Usage
```jsx import React from 'react'; import { createPropType } from 'react-custom-proptypes'; const Card = props => (<div>{props.suit}</div><div>{props.value}</div>prop === 'spades' ||prop === 'hearts' ||prop === 'diamonds' ||prop === 'clubs',spades, hearts, diamonds, or clubs.'
);
const valuePropType = createPropType(
prop =>
Number.isInteger(prop) &&prop >= 1 &&prop <= 12,createIteratorPropType
Syntax
``` createIteratorPropType(callback, description) ```Parameters
callback : function
Function that returns a boolean representing the validation of the proptype, taking two arguments:
prop - the value of the prop
key - the key of the current element being processed in the iterable object.
description : string
Optional. Use this value to specify a helpful description.
Usage
```jsx import React, { PropTypes } from 'react'; import { createIteratorPropType } from 'react-custom-proptypes'; const TweetFeed = props => ({props.tweets.map((tweet, index) => (<div key={index}>{tweet}</div>))}prop => typeof prop === 'string' && prop.length < 140