React.js - using property initializers for all component methods : <p>I am working on a React Native project and I'm using ES6 classes for React components.</p>

<p>Since React components defined via ES6 classes don't have autobinding, the React team <a href="https://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html#autobinding">recommends</a> combining ES7 property initializers with arrow functions to create the same effect.</p>

<p>In order to be consistent and prevent confusion with this-binding, I am using ES7 property initializers for all component methods:</p>

<pre><code>class Foo extends React.Component {
  constructor(props) {
    super(props);
    ...
  }

  componentDidMount = () =&gt; {
      ...
  };

  bar = () =&gt; {
    ...
  };

  render = () =&gt; {
    ...
  };
}
</code></pre>

<p>I was wondering -- are there any serious performance caveats to be aware of? In particular, I'm wondering about the render() method.</p>

<p>Overall, does this seem like a good approach?</p>
