setStateを複数回実行してもrenderは1回しか呼ばれない

ReactjsのsetStateとrenderの挙動をちょっと確認してみました。
具体的には以下のコードで検証。

はじめはsetStateの度にrenderが呼び出されるのかと思ってましたが
そうではなくて、stateの変更をキューに入れてrenderを呼び出す前にまとめて解決するようです。
setTimeoutでコールバックを呼んだ時なんかは
別のキューになるようです
setStateが呼ばれなければもちろんrenderも呼ばれない

app.js

var MyComponent = React.createClass({
	getInitialState: function () {
    return {
    	value: 'step 0'
    };
	},
	handleClick: function() {
		this.setState({
			value: 'step 1'
		});
		console.log('called step 1');

		this.setState({
			value: 'step 2'
		});
		console.log('called step 2');

		this._func();
		this.setState({
			value: 'step 4'
		});
		console.log('called step 4');
		setTimeout(this._callback, 1000, this);
	},
	_func: function() {
		this.setState({
			value: 'step 3 this is inner func'
		});
		console.log('step 3 _func called');
	},
	_callback: function(self) {
		self.setState({
			value: 'step 5'
		});
		console.log('step 5 called');
	},
	doNothing: function() {
		console.log('do nothing');
	},
	render: function() {
		console.log('will render!');
		return (
			<div>
				<div>{this.state.value}</div>
				<a onClick={ this.handleClick }>Click me!</a>
				<p onClick={ this.doNothing }>Click me but I will do nothing</p>
			</div>
		);
	}
});
React.render(
	<MyComponent />,
	document.getElementById('app')
);

//will render! 最初
//app.js:44 called step 1
//app.js:49 called step 2
//app.js:62 step 3 _func called
//app.js:55 called step 4
//app.js:74 will render! 一回だけ呼ばれる
// １秒空くよ
//app.js:74 will render!  順番が違う?
//app.js:68 step 5 called