From 769a6004ac96612dcc3eb2e8eeb34d8cf42c56aa Mon Sep 17 00:00:00 2001 From: Cameron Chamberlain Date: Fri, 4 Mar 2016 14:52:16 +1100 Subject: [PATCH] Update PureRenderMixin docs, adding ES6 example --- docs/10.8-pure-render-mixin.md | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) 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: