ReactJS Test

by paulftw

HTML

<script src="//fb.me/react-0.13.1.js"></script>
<div id=mounthere class=bor></div>

CSS

.bor {
    border: 2px solid green;
}

.bor2 {
    border: 2px solid red;
}

JavaScript

var Timer = React.createClass({displayName: "Timer",
  getInitialState: function() {
    return {secondsElapsed: 0};
  },
  tick: function() {
    this.setState({secondsElapsed: this.state.secondsElapsed + 1});
  },
  componentDidMount: function() {
    this.interval = setInterval(this.tick, 1000);
  },
  componentWillUnmount: function() {
    clearInterval(this.interval);
  },
  render: function() {
    this.props.foo.b[1] *= 3;
    return (
        React.createElement("div", {className: "bor2"}, "Seconds Elapsed: ", this.state.secondsElapsed, " ", this.props.foo.b[1])
    );
  }
});

var mountNode = document.getElementById('mounthere');

React.render(React.createElement(Timer, {foo: {a:"baza",b:[1,2]}}), mountNode);