gistfile1.js

/** @jsx React.DOM */

var Contact = React.createClass({
    render: function() {
        return <li>{this.props.name} {this.props.surname}</li>;
    }
});

var ContactList = React.createClass({
    getContacts: function() {
        var contacts = [
            {name: "John", surname: "Smith"},
            {name: "Ann", surname: "Fox"}
        ]
        return contacts.map(function(contact) {
            return <Contact name={ contact.name } surname={ contact.surname } />;
        })
    },

    render: function() {
        return <ul>{ this.getContacts() }</ul>;
    }
});

React.renderComponent(<ContactList />, mountNode);