<main></main>
const WithTimer = {
  getInitialState() {
    return { ticks: 0 };
  },
  
  componentDidMount() {
    this._withTimer__clock = setInterval(() => {
      this.setState({ ticks: this.state.ticks + 1 });
    }, 1000);
  },
  
  componentWillUnmount() {
    clearInterval(this._withTimer__clock);
  },    
};

const App = React.createClass({  
  getInitialState() { return {} },
  
  mixins: [WithTimer],
  
  render() {
    return (
      <div>
        <p>Hello World {this.state.ticks} </p>
      </div>
    );
  }  
});

ReactDOM.render(<App />, document.querySelector('main'));
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://fb.me/react-15.1.0.min.js
  2. https://fb.me/react-dom-15.1.0.min.js