react template

HTML

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

JavaScript 1.7

/**
* @jsx React.DOM
*/

function match(item, filter) {
  var x;
  for (x in filter) {
    if (item[x] !== filter[x]) {
      return false;
    }
  }
  return true;
}

var Example = React.createClass({
  render: function() {
    var messages = [
        {title: "one", urgent: true, read: false},
        {title: "two", urgent: false, read: true},
        {title: "three", urgent: false, read: false}
      ],
      filter = {urgent: true};

    return (
      <ul>
          {messages.reduce(function(messages, item) {
            if (match(item, filter)) {
              messages.push(<li>{item.title}</li>)
            }
            return messages;
          }, [])}
      </ul>
    );
  }
})




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