react-addons-pure-render-mixin
>**Note:** >This is a legacy React addon, and is no longer maintained. > >We don't encourage using it in new code, but it exists for backwards compatibility. >The recommended migration path is to use [`React.PureComponent`](https://facebook.github.io/re
Last updated 3 years ago by sophiebits .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install react-addons-pure-render-mixin 
SYNC missed versions from official npm registry.

react-addons-pure-render-mixin

Note: This is a legacy React addon, and is no longer maintained.

We don't encourage using it in new code, but it exists for backwards compatibility.
The recommended migration path is to use React.PureComponent instead.

Importing

import PureRenderMixin from 'react-addons-pure-render-mixin'; // ES6
var PureRenderMixin = require('react-addons-pure-render-mixin'); // ES5 with npm

If you prefer a <script> tag, you can get it from React.addons.PureRenderMixin with:

<!-- development version -->
<script src="https://unpkg.com/react-addons-pure-render-mixin/react-addons-pure-render-mixin.js"></script>

<!-- production version -->
<script src="https://unpkg.com/react-addons-pure-render-mixin/react-addons-pure-render-mixin.min.js"></script>

In this case, make sure to put the <script> tag after React.

Overview

If your React component's render function renders the same result given the same props and state, you can use this mixin for a performance boost in some cases.

Example:

const createReactClass = require('create-react-class');

createReactClass({
  mixins: [PureRenderMixin],

  render: function() {
    return <div className={this.props.className}>foo</div>;
  }
});

Under the hood, the mixin implements shouldComponentUpdate, in which it compares the current props and state with the next ones and returns false if the equalities pass.

Note:

This only shallowly compares the objects. If these contain complex data structures, it may produce false-negatives for deeper differences. Only mix into components which have simple props and state, or use forceUpdate() when you know deep data structures have changed. Or, consider using immutable objects to facilitate fast comparisons of nested data.

Furthermore, shouldComponentUpdate skips updates for the whole component subtree. Make sure all the children components are also "pure".

Current Tags

  • 15.6.0-rc.0                                ...           15-next (3 years ago)
  • 15.5.0-rc.2                                ...           dev (4 years ago)
  • 15.6.2                                ...           latest (3 years ago)

61 Versions

  • 15.6.2                                ...           3 years ago
  • 15.6.0                                ...           3 years ago
  • 15.6.0-rc.0                                ...           3 years ago
  • 15.6.0-rc.1                                ...           3 years ago
  • 15.5.2                                ...           4 years ago
  • 15.5.1                                ...           4 years ago
  • 15.5.0-rc.2                                ...           4 years ago
  • 15.5.0-rc.1                                ...           4 years ago
  • 15.5.0                                ...           4 years ago
  • 15.5.0-alpha.0                                ...           4 years ago
  • 16.0.0-alpha.3                                ...           4 years ago
  • 16.0.0-alpha.2                                ...           4 years ago
  • 16.0.0-alpha.0                                ...           4 years ago
  • 16.0.0-alpha                                ...           4 years ago
  • 15.4.2                                ...           4 years ago
  • 15.4.1                                ...           4 years ago
  • 15.4.0                                ...           4 years ago
  • 15.4.0-rc.4                                ...           4 years ago
  • 15.4.0-rc.3                                ...           4 years ago
  • 15.4.0-rc.2                                ...           4 years ago
  • 15.4.0-rc.1                                ...           4 years ago
  • 15.3.2                                ...           4 years ago
  • 15.3.2-rc.1                                ...           4 years ago
  • 15.3.1                                ...           4 years ago
  • 15.3.1-rc.2                                ...           4 years ago
  • 15.3.1-rc.1                                ...           4 years ago
  • 15.3.0                                ...           4 years ago
  • 15.3.0-rc.3                                ...           4 years ago
  • 15.3.0-rc.2                                ...           4 years ago
  • 15.3.0-rc.1                                ...           4 years ago
  • 15.2.1                                ...           4 years ago
  • 15.2.0                                ...           4 years ago
  • 15.2.0-rc.2                                ...           4 years ago
  • 15.2.0-rc.1                                ...           4 years ago
  • 15.1.0                                ...           5 years ago
  • 15.1.0-alpha.1                                ...           5 years ago
  • 15.0.3-alpha.2                                ...           5 years ago
  • 15.0.3-alpha.1                                ...           5 years ago
  • 15.0.2                                ...           5 years ago
  • 15.0.2-alpha.4                                ...           5 years ago
  • 15.0.2-alpha.3                                ...           5 years ago
  • 15.0.2-alpha.2                                ...           5 years ago
  • 15.0.2-alpha.1                                ...           5 years ago
  • 15.0.1                                ...           5 years ago
  • 15.0.0                                ...           5 years ago
  • 0.14.8                                ...           5 years ago
  • 15.0.0-rc.2                                ...           5 years ago
  • 15.0.0-rc.1                                ...           5 years ago
  • 0.14.7                                ...           5 years ago
  • 0.15.0-alpha.1                                ...           5 years ago
  • 0.14.6                                ...           5 years ago
  • 0.14.5                                ...           5 years ago
  • 0.14.4                                ...           5 years ago
  • 0.14.3                                ...           5 years ago
  • 0.14.2                                ...           5 years ago
  • 0.14.1                                ...           5 years ago
  • 0.14.0                                ...           5 years ago
  • 0.14.0-rc1                                ...           5 years ago
  • 0.14.0-beta3                                ...           5 years ago
  • 0.14.0-beta2                                ...           5 years ago
  • 0.14.0-beta1                                ...           5 years ago
Downloads
Today 136
This Week 136
This Month 3,258
Last Day 16
Last Week 885
Last Month 2,414
Dependencies (2)
Dev Dependencies (4)
Dependents (361)

Copyright 2014 - 2016 © taobao.org |