CommentBox

gistfile1.js

var xhr = new XMLHttpRequest(); //to reuse o intervals. Creating one for each request causes heavy CPU load

var CommentBox = React.createClass({
	
	getInitialState: function() {
		return {data: []};
	},

	loadCommentsFromServer: function() {
	        var cp = this;
	        xhr.open('GET', cp.props.url, true);
	        xhr.send();
	
	    	xhr.onreadystatechange = function() {
	    
	    		if (xhr.readyState==4 && xhr.status==200){ 
	    	    	cp.setState({data: JSON.parse(xhr.responseText)});
	    		}
	    	}
	},


	componentDidMount: function() {
		this.loadCommentsFromServer();
		this.interval = setInterval(this.loadCommentsFromServer, this.props.pollInterval);
	},
	
	componentWillUnmount: function() {
		clearInterval(this.interval);
	},

	render: function() {
		return (
			<div className="commentBox">
				<h1>Comments</h1>
				<CommentList  data={this.state.data}  />
				<CommentForm />
			</div>
		);
	}

});