Визуализация компонентов React на стороне клиента через WP-API WordPress

Я заинтересован в экспериментировании с React и WordPress WP-API, я быстро собрал шаблон страницы подтверждения концепции ниже.

Любопытно, что влияет на производительность рендеринга данных API на клиенте с помощью React по сравнению с тем, как WP позволяет выполнять рендеринг в обычном режиме на сервере в PHP?

<div id="react"></div>

<script type="text/babel">

var WpPage = React.createClass({
getInitialState: function() {
return {
id: '',
date: ''
};
},

componentDidMount: function() {
this.serverRequest = $.get(this.props.source, function (result) {
var pageObj = result;
this.setState({
id: pageObj.id,
date: pageObj.date
});
}.bind(this));
},

componentWillUnmount: function() {
this.serverRequest.abort();
},

render: function() {
return (
<div>
<p>{this.state.id} :: ID</p>
<p>{this.state.date} :: DATE</p>
</div>
);
}
});

ReactDOM.render(
<WpPage source="/wp-json/wp/v2/pages/{id}" />,
document.getElementById('react')
);
</script>