deepEqualsRender.jsx

/*
  Миксин для React компонентов, который переопределяет shouldComponentUpdate на
  основе глубокого сравнения старого и нового значения.

  В миксин надо передать функцию, которая возвращает сравниваемый объект.

  Пример использования:

  ```
  var MyStore = require('myStore');

  var FooComp = React.createClass({
    mixins: [deepEqualsRender(() => MyStore.foo)]
  });
  ```
*/

define(function(){

  return function(selector){
    function valueToStr(props){
      return JSON.stringify(selector(props));
    }

    return {
      componentDidMount(){
        this.__prevDataStr = valueToStr(this.props);
      },

      shouldComponentUpdate(nextProps){
        var nextDataStr = valueToStr(nextProps);
        if(nextDataStr != this.__prevDataStr){
          this.__prevDataStr = nextDataStr;
          return true;
        }else{
          return false;
        }
      }
    };
  };
});