Comparing React and Ember

emberExample.js

var LikeButton = Ember.View.extend({
  init: function() {
   this._super()
    this.set('liked', false};
  },
  likedText: function(){
    return(this.get('liked') ? 'like' : 'unlike')
  }.property('liked'),

  click: function(event) {
    this.set('liked', !this.get('liked')); // or this.toggleProperty('liked')
  },
  template: Ember.Handlebars.compile("
    <p>
        You {{likedText}} this. Click to toggle.
    </p>
  ")
});

LikeButton.create().appendTo('#example')

reactExample.js

/** @jsx React.DOM */

var LikeButton = React.createClass({
  getInitialState: function() {
    return {liked: false};
  },
  handleClick: function(event) {
    this.setState({liked: !this.state.liked});
  },
  render: function() {
    var text = this.state.liked ? 'like' : 'unlike';
    return (
      <p onClick={this.handleClick}>
        You {text} this. Click to toggle.
      </p>
    );
  }
});

React.renderComponent(
  <LikeButton />,
  document.getElementById('example')
);