title: Display react component name in attribute
body: <p>While working with React, i would like to display component name in an attribute of the component. E.g. if I have a component <code>&lt;LoginBox /&gt;</code> I would like it to be rendered as </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div data-react-name="LoginBox"&gt;...&lt;/div&gt;
  </code></pre>
  
  <p>But I want this to be done automatically for each transpiled component. Reason for this is automated testing when I'd check for rendered elements in HTML/DOM, currently a component is not differentiated by the name in rendered HTML.</p>
  
  <p>I thought I'd write a babel plugin, but I have no idea what visitors I'd use and how to make it robust enough. I tried google for such a plugin but I have no idea how it would be called and found nothing useful.</p>
  
  <p>So is there any plugin or any way to achieve this?
  Thanks</p>