ES6 Mixins

app.js

import Mixin from './utils/mixin'; // see below
import Mixin1 from './mixins/mixin1';

class App extends Mixin(React.Component, Mixin1) { // and so on: , Mixin2, Mixin3
  componentDidMount() {
    // this.someFuncFromMixin1()
  }
  render () {
    return (
      <div>
        <h1>Hello world!</h1>
      </div>
    )
  }
}

credits.js

// source: https://gist.github.com/badsyntax/b2d9c843236960f145e7
// or another possible way is this way: http://es6-features.org/#ClassInheritanceFromExpressions (but seems more complex)

mixin.js

export default (Parent, ...mixins) => {
  class Mixed extends Parent {}
  Object.assign(Mixed.prototype, ...mixins);
  return Mixed;
}