{"patch":"diff --git a\/docs\/docs\/05-reusable-components.md b\/docs\/docs\/05-reusable-components.md\nindex f3182582aa..c9d8ca3e2d 100644\n--- a\/docs\/docs\/05-reusable-components.md\n+++ b\/docs\/docs\/05-reusable-components.md\n@@ -10,90 +10,105 @@ When designing interfaces, break down the common design elements (buttons, form\n \n ## Prop Validation\n \n-As your app grows it's helpful to ensure that your components are used correctly. We do this by allowing you to specify `propTypes`. `React.PropTypes` exports a range of validators that can be used to make sure the data you receive is valid. When an invalid value is provided for a prop, a warning will be shown in the JavaScript console. Note that for performance reasons `propTypes` is only checked in development mode. Here is an example documenting the different validators provided:\n+As your app grows it's helpful to ensure that your components are used correctly. We do this by allowing you to specify `propTypes`. `React.PropTypes` exports a range of validators that can be used to make sure the data you receive is valid. When an invalid value is provided for a prop, a warning will be shown in the JavaScript console. Note that for performance reasons `propTypes` is only checked in development mode.\n+\n+You can assign a special property to a component to declare its `propTypes`:\n \n ```javascript\n-React.createClass({\n- propTypes: {\n- \/\/ You can declare that a prop is a specific JS primitive. By default, these\n- \/\/ are all optional.\n- optionalArray: React.PropTypes.array,\n- optionalBool: React.PropTypes.bool,\n- optionalFunc: React.PropTypes.func,\n- optionalNumber: React.PropTypes.number,\n- optionalObject: React.PropTypes.object,\n- optionalString: React.PropTypes.string,\n- optionalSymbol: React.PropTypes.symbol,\n-\n- \/\/ Anything that can be rendered: numbers, strings, elements or an array\n- \/\/ (or fragment) containing these types.\n- optionalNode: React.PropTypes.node,\n-\n- \/\/ A React element.\n- optionalElement: React.PropTypes.element,\n-\n- \/\/ You can also declare that a prop is an instance of a class. This uses\n- \/\/ JS's instanceof operator.\n- optionalMessage: React.PropTypes.instanceOf(Message),\n-\n- \/\/ You can ensure that your prop is limited to specific values by treating\n- \/\/ it as an enum.\n- optionalEnum: React.PropTypes.oneOf(['News', 'Photos']),\n-\n- \/\/ An object that could be one of many types\n- optionalUnion: React.PropTypes.oneOfType([\n- React.PropTypes.string,\n- React.PropTypes.number,\n- React.PropTypes.instanceOf(Message)\n- ]),\n-\n- \/\/ An array of a certain type\n- optionalArrayOf: React.PropTypes.arrayOf(React.PropTypes.number),\n-\n- \/\/ An object with property values of a certain type\n- optionalObjectOf: React.PropTypes.objectOf(React.PropTypes.number),\n-\n- \/\/ An object taking on a particular shape\n- optionalObjectWithShape: React.PropTypes.shape({\n- color: React.PropTypes.string,\n- fontSize: React.PropTypes.number\n- }),\n-\n- \/\/ You can chain any of the above with `isRequired` to make sure a warning\n- \/\/ is shown if the prop isn't provided.\n- requiredFunc: React.PropTypes.func.isRequired,\n-\n- \/\/ A value of any data type\n- requiredAny: React.PropTypes.any.isRequired,\n-\n- \/\/ You can also specify a custom validator. It should return an Error\n- \/\/ object if the validation fails. Don't `console.warn` or throw, as this\n- \/\/ won't work inside `oneOfType`.\n- customProp: function(props, propName, componentName) {\n- if (!\/matchme\/.test(props[propName])) {\n- return new Error(\n- 'Invalid prop `' + propName + '` supplied to' +\n- ' `' + componentName + '`. Validation failed.'\n- );\n- }\n- },\n-\n- \/\/ You can also supply a custom validator to `arrayOf` and `objectOf`.\n- \/\/ It should return an Error object if the validation fails. The validator\n- \/\/ will be called for each key in the array or object. The first two\n- \/\/ arguments of the validator are the array or object itself, and the\n- \/\/ current item's key.\n- customArrayProp: React.PropTypes.arrayOf(function(propValue, key, componentName, location, propFullName) {\n- if (!\/matchme\/.test(propValue[key])) {\n- return new Error(\n- 'Invalid prop `' + propFullName + '` supplied to' +\n- ' `' + componentName + '`. Validation failed.'\n- );\n- }\n- })\n+class Greeting extends React.Component {\n+ render() {\n+ return (\n+

Because we `this.tick` is bound, we can use it as an event handler.\n+ return (\n+

dillon1000/react

Files changed