Hello React - dynamic components. JsFiddle: http://jsfiddle.net/gh/gist/library/pure/05468e7793d506a4397c

fiddle.html

<script src="https://fb.me/react-with-addons-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>

<div id="view"/>

fiddle.js

var UserRow = React.createClass({
	render: function() {
    	return (
            <tr>
                <td>{this.props.user.userName}</td>
                <td>
                    <a href={'mailto:' + this.props.user.email}>
                        {this.props.user.email}
                    </a>
                </td>
            </tr>
        );
    }
});

var UserList = React.createClass({
	getInitialState: function() {
    	 return { 
         	users: [
        		{id: 1, userName: 'RyanVice', email: 'ryan@vicesoftware.com'},
            	{id: 2, userName: 'AdamHorton', email: 'digitalicarus@gmail.com'}
                ]
         };
    },
    render: function() {
    	var users = this.state.users.map(function(user) {
        // key prevents react warning
        	return <UserRow user={user} key={user.id}/>
		});
        
        return (
        	<table>
            	<tr>
                	<th>User Name</th>
                	<th>Email Address</th>
                </tr>
                {users}
            </table>
            );
	}
});

ReactDOM.render(
    <UserList/>,
    document.getElementById('view'));

fiddle.manifest

name: ReactJs example by Ryan Vice - www.ViceSoftware.com
description: Hello React - dynamic components.
authors:
  - Ryan Vice
resources:
normalize_css: no
wrap: h
panel_js: 3
panel_css: 0