title: How to integrate the Twitter widget into Reactjs?
body: <p>I want to add the Twitter widget into React, but I don't know where to start or how to do it.  I am very new to React JS.</p>
  
  <p>Here is the HTML version of the code:</p>
  
  <pre><code>&lt;div class="Twitter"&gt;
    &lt;a class="twitter-timeline" href="https://twitter.com/&lt;%= @artist.twitter %&gt;" data-widget-id="424584924285239296" data-screen-name='&lt;%= @artist.twitter %&gt;'&gt;Tweets by @&lt;%= @artist.twitter %&gt;&lt;/a&gt;
    &lt;script&gt;!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");&lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is what I have so far:</p>
  
  <pre><code>React.DOM.div
    className: 'Twitter'
    children: [
      React.DOM.a
        className: 'twitter-timeline'
        href: "https://twitter.com/" + artist.twitter
        'data-widget-id': "424584924285239296" 
        'data-screen-name': artist.twitter
        children: 'Tweets by ' + artist.twitter
      React.DOM.script
        children: ...
    ]
  </code></pre>
  
  <p>I was planning to add the script where the dots (...) are, but that doesn't work.  Thank you for your help.</p>