Pure Render Mixin in ES6

pureRenderMixin.js

function pureRenderMixin(Component) {
  Component.prototype.shouldComponentUpdate(nextProps, nextState) {
    return !shallowEqual(this.props, nextProps) ||
           !shallowEqual(this.state, nextState);
  }
  
  return Component;
}

class MyComponent extends React.Component {}

pureRenderMixin(MyComponent);

export default MyComponent;

Good idea? Terrible idea? Is an HoC overkill in this case, since it's just one method? ¯_(ツ)_/¯

Decorators will probably be a better fit, but i think this will probably be better that something like this https://gist.github.com/ryanflorence/a93fd88d93cbf42d4d24 for now

I wrote a universal react mixin util that accepts traditional react mixins and ES6 class mixins
https://github.com/angus-c/es6-react-mixins

import mixin from 'es6-react-mixins'
class MyComponent extends mixin(ReactAddOns.addons.PureRenderMixin) {}