define(['jquery', 'react', '../mixins/serialize-form', '../mixins/fluxbone', '../mixins/request-status', './package-component', 'sota-dispatcher'], function($, React, serializeForm, Fluxbone, RequestStatus, PackageComponent, SotaDispatcher) {

  var Packages = React.createClass({
    mixins: [
      Fluxbone.Mixin("PackageStore")
    ],
    render: function() {
      var packages = this.props.PackageStore.models.map(function(package) {
        return (
          <PackageComponent Package={ package } key={package.get('name') + package.get('version')}/>
        );
      });
      return (
        <div>
          <ul className="list-group">
            { packages }
          </ul>
        </div>
      );
    }
  });

  return Packages;
});

define(['jquery', 'react', '../mixins/serialize-form', '../mixins/fluxbone', '../mixins/request-status', './package-component', 'sota-dispatcher'], function($, React, serializeForm, Fluxbone, RequestStatus, PackageComponent, SotaDispatcher) {

  var Packages = React.createClass({
    mixins: [
      Fluxbone.Mixin("PackageStore", "sync change")
    ],
    render: function() {
      var packages = this.props.PackageStore.models.map(function(package) {
        return (
          <PackageComponent Package={ package } key={package.get('name') + package.get('version')}/>
        );
      });
      return (
        <div>
          <ul className="list-group">
            { packages }
          </ul>
        </div>
      );
    }
  });

  return Packages;
});

Fix packages component rendering too often
Fix packages component rendering too often
