title: How to namespace es6 classes (for React components)
body: <p>This is part ES6 question part React question. I'm trying to use <a href="https://facebook.github.io/react/docs/jsx-in-depth.html#namespaced-components">namespaced components</a> in React with ES6 classes and Babel. So I guess the real question is how to name space es6 classes so I can do what is explained here: <a href="https://facebook.github.io/react/docs/jsx-in-depth.html#namespaced-components">https://facebook.github.io/react/docs/jsx-in-depth.html#namespaced-components</a></p>
  
  <p>Since I get an unexpected token error:</p>
  
  <pre><code>class Headline extends Component { ... }
  
  class Headline.Primary extends Component { ...
                ^
  </code></pre>