file.js

import React, { Component } from 'react';
import Party from './Party.jsx';

class App extends Component {
    constructor(props) {
        super(props);

        this.state = {
            parties: []
        };
    }

    componentWillMount() {
        //Ajax like a beast
        myajax.get('/parties', parties => this.setState({ parties }));
    }

    mapParties(party, index) {
        return (
            <li key={index}>
                {party.name}
            </li>
        );
    }

    render() {
        const {parties} = this.state;

        return(
            <div className="container">
                <header>
                    <h1>Todo List</h1>
                </header>

                <ul>
                    {parties.map(this.mapParties.bind(this))}
                </ul>
            </div>
        );
    }
}

export default App;