react template

HTML

<script src="http://fb.me/react-with-addons-0.10.0.min.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>

CSS

.message-important {
    color: #f00;
}

.message-read {
    opacity: 0.5;
}

JavaScript 1.7

/**
* @jsx React.DOM
*/

var Message = React.createClass({
  render: function() {
    var cx = React.addons.classSet;
    return <div className={cx({
      'message': true,
      'message-important': this.props.isImportant,
      'message-read': this.props.isRead
    })}>Great, I'll be there.</div>;
  }
});

var Example = React.createClass({
  render: function() {
    return (
      <div>
        <Message isImportant="true" isRead="true"/>
        <Message isRead="true"/>
        <Message isImportant="true"/>
        <Message/>
      </div>
    );
  }
})

React.renderComponent(<Example/>, document.body);