diff --git a/docs/10.8-pure-render-mixin.md b/docs/10.8-pure-render-mixin.md index bd5143c7..5b8c4099 100644 --- a/docs/10.8-pure-render-mixin.md +++ b/docs/10.8-pure-render-mixin.md @@ -21,6 +21,22 @@ React.createClass({ }); ``` +Example using ES6 class syntax: + +```js +import PureRenderMixin from 'react-addons-pure-render-mixin'; +class FooComponent extends React.Component { + constructor(props) { + super(props); + this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this); + } + + render() { + return
foo
; + } +} +``` + Under the hood, the mixin implements [shouldComponentUpdate](/react/docs/component-specs.html#updating-shouldcomponentupdate), in which it compares the current props and state with the next ones and returns `false` if the equalities pass. > Note: