<story><title>React on ES6+</title><url>http://babeljs.io/blog/2015/06/07/react-on-es6-plus/</url></story><parent_chain><item><author>jozan</author><text>What&amp;#x27;s the status of mixins? How could I do something similar in terms of functionality in ES6?</text></item></parent_chain><comment><author>lukasm</author><text>You have 3 options if you want mixin behaviour:&lt;p&gt;- Use old syntax or explicitly add mixin to prototype
- Use composition. A bit annoying, because you have to make an extra class&lt;p&gt;&lt;pre&gt;&lt;code&gt;    class OuterComponent extends React.Component {
      render() {
        return (
          &amp;lt;MixinComponent&amp;gt;
            &amp;lt;InnerComponent &amp;#x2F;&amp;gt;
          &amp;lt;&amp;#x2F;MixinComponent&amp;gt;
        );
      }
    }

    class InnerComponent extends React.Component{}
&lt;/code&gt;&lt;/pre&gt;
- wait for decorators (?)</text></comment>
<story><title>React on ES6+</title><url>http://babeljs.io/blog/2015/06/07/react-on-es6-plus/</url></story><parent_chain><item><author>jozan</author><text>What&amp;#x27;s the status of mixins? How could I do something similar in terms of functionality in ES6?</text></item></parent_chain><comment><author>drapper</author><text>Possibly decorators proposed for ES7 would be a solution here? Babel and TypeScript already support them.&lt;p&gt;By the way, TypeScript recently (in nightly) gained support for JSX, so we can now have all of this ES6 stuff + types on top of it.</text></comment>