title: React.js ES6 avoid binding 'this' to every method
body: <p>Recently, I've started tinkering with React.js and I love it. I started out in the regular ES5, so as to get the hang of things, the docs are all written in ES5...</p>
  
  <p>But now I wanted to try ES6, because it's shiny and new, and it does seem to simplify some things. What bothers me a lot is that for every method I had added into my component classes I now have to bind 'this' to, otherwise it doesn't work. So my constructor ends up looking like this:</p>
  
  <pre><code>constructor(props) {
    super(props);
    this.state = { ...some initial state... }
  
    this.someHandler = this.someHandler.bind(this);
    this.someHandler = this.someHandler.bind(this);
    this.someHandler = this.someHandler.bind(this);
    this.someHandler = this.someHandler.bind(this);
    this.someHandler = this.someHandler.bind(this);
    this.someHandler = this.someHandler.bind(this);
    this.someHandler = this.someHandler.bind(this);
  }
  </code></pre>
  
  <p>If I were to add even more methods to my class, this would become an even bigger, uglier mess.</p>
  
  <p>My question is, is there some way to get around this, or at least make it easier, shorter and less ugly? One of the main reasons I wanted to try React with ES6 was to make my code more concise, but this is doing the opposite. Any suggestions or input would be appreciated.</p>