gistfile1.txt

export default React.createClass({

    displayName: 'Oceans Navigation Category',

    propTypes: {
        list: React.PropTypes.arrayOf(
            React.PropTypes.shape({
                humanReadableName: React.PropTypes.string,
                url: React.PropTypes.string
            })
        ),
        name: React.PropTypes.string
    },

    mixins: [pureRenderMixin],

    render() {
        return (
            <li className={'oceans-category'}
                style={styles.item}>
                {stylesheet}
                <span style={styles.category}>
                    {this.props.name}
                </span>
                {this.props.list.map( (route, index) =>
                    <Link className={'name'}
                          key={index}
                          style={styles.name}
                          to={route.baseName} >
                        {route.humanReadableName}
                    </Link>
                )}
            </li>
        );
    }

});