title: Render HTML without the extra "data-reactid" DOM attribute in React.js?
body: <p>So, I'm doing something like this in one of my react.js files:</p>
  
  <pre><code> render: function() { 
      var stuff = this.props.stuff;
  
      function getHtmlForKey(key_name, title) {
          var key_name = key_name.toLowerCase();
              return Object.keys(thing).filter(function(key) {
                  return key &amp;&amp; key.toLowerCase().indexOf(key_name) === 0;
              }).map(function(key, index) {
                  var group_title = index === 0 ? title : '';
                  if(profile[key] != null &amp;&amp; thing[key] != "") {
                      return (
                          &lt;span&gt;
                          {group_title ? (
                              &lt;li className="example-group-class"&gt;{group_title}&lt;/li&gt;
                          ) : null }
                          &lt;li key={key} className="example-class"&gt;
                              {thing[key]}
                          &lt;/li&gt;
                          &lt;/span&gt;
                      );
                  }    
              }, this);
      }
  
      /** Grouping by keyword **/
      var group1 = getHtmlForKey('stuff1', 'Group Title 1');
  
      /** Return Facecards **/
      if (stuff) {
          return (
              &lt;div className="col-md-6"&gt;
                  &lt;div className="media"&gt;
                      &lt;div className="pull-left"&gt;
                          &lt;a href="#" onClick={this.open}&gt;
                              &lt;img src={this.props.stuff} className="media" /&gt;
                          &lt;/a&gt;
                      &lt;/div&gt;
                      &lt;div className="top"&gt;
                          {group1}
                      &lt;/div&gt;
         }
  }
  </code></pre>
  
  <p>When this renders it outputs something like:</p>
  
  <pre><code>  &lt;li class="example-group-title" data-reactid=".0.0.2.0.$2083428221.0.1.0:0.0"&gt;Group Title&lt;/li&gt;
  </code></pre>
  
  <p>In my other react.js file, i've got:</p>
  
  <pre><code>    var StuffApp = require('./components/StuffApp.react');
  
      ReactDOM.render(
      &lt;StuffApp /&gt;,
       document.getElementById('main-content')
      );
  </code></pre>
  
  <p>How do I render the HTML so it doesn't include all the extra DOM attribute markup (that is, the data-reactid)? I just want to try and save some bits, ya know? I've been reading this related to <a href="https://facebook.github.io/react/docs/top-level-api.html" rel="nofollow">https://facebook.github.io/react/docs/top-level-api.html</a> the ReactDomServer, but was wondering if there is an even easier way? If not, how would I integrate that?</p>