title: Adding class to React Component after a certain amount of time
body: <p>I have a react component:</p>
  
  <pre><code>React.createComponent({
  
    render: function () {
  
      return (&lt;div className="some-component"&gt;&lt;/div&gt;);
  
    }
  });
  </code></pre>
  
  <p>Some seconds after it renders, I want it to add a class from within the component. The class is for the purposes of revealing the component with an animation. I don't regard it as a real change of state, as it has no affect on the application other than to give the component an animated introduction, so I'm loathed to initiate it from outside of the component via a change of store/state.</p>
  
  <p>How would I do this in simple terms? Something like:</p>
  
  <pre><code>{setTimeout(function () {
  
    this.addClass('show'); //pseudo code
  
  }, 1000)}
  </code></pre>
  
  <p>Obviously I could use jQuery, but that feels anti-React, and prone to side-effects.</p>