title: React.js inline style best practices
body: <p>I'm aware that you can specify styles within React classes, like this:</p>
  <pre><code>const MyDiv = React.createClass({
    render: function() {
      const style = {
        color: 'white',
        fontSize: 200
      };
      
      return &lt;div style={style}&gt; Have a good and productive day! &lt;/div&gt;;
    }
  });
  </code></pre>
  <p>Should I be aiming to do all styling this way, and have no styles at all specified in my CSS file?</p>
  <p>Or should I avoid inline styles completely?</p>
  <p>It seems odd and messy to do a little bit of both - two places would need to be checked when tweaking styling.</p>