PureRender.js

import React, {Component} from "react"
import shallowEqual from "react/lib/shallowEqual"

/**
 * example :
 * 
 * import React, {Component, PropTypes} from "react"
 * 
 * class MyComponent extends Component {
 * 
 *   static propTypes = {
 *     someProp : PropTypes.string,
 *     someOtherProp : PropTypes.string,
 *   }
 * 
 *   render() {
 *     return (
 *       <div>
 *         <SubComponent someProp={this.props.someProp} />
 *         <OtherSubComponent someOtherProp={this.props.someOtherProp} />
 *       </div>
 *     )
 *   }  
 * }
 * 
 * export default PureRender(MyComponent)
 * 
 */
export default (Component) => {

  class PureRender extends Component {

    shouldComponentUpdate(nextProps) {
      return shallowEqual(this.props, nextProps)
    }

    render() {
      return <Component {...this.props} />
    }

  }

  return PureRender
}