App.js

import Post from './Post';

class App extends React.Component {
  render() {
    return (
      <div>
        <h1>Post list</h1>
        <ul>
          {this.props.posts.edges.map(edge =>
            <Post key={edge.node.id} post={edge.node} />
          )}
        </ul>
      </div>
    );
  }
}

export default Relay.createContainer(App, {
  fragments: {
    query: () => Relay.QL`
      fragment on Query {
        posts {
          edges {
            node {
              id
              ${Post.getFragment('post')}
            }
          }
        }
      }
    `,
  },
});

AppHomeRoute.js

export default class extends Relay.Route {
  static path = '/';
  static queries = {
    query: Component => Relay.QL`
      query getPosts {
        ${Component.getFragment('query')}
      }
    `
  };
  static routeName = 'AppHomeRoute';
}

Post.js

class Post extends React.Component {
  render() {
    return (
      <div>
        <h1>{this.props.post.title}</h1>
        <p>{this.props.post.body}</p>
      </div>
    );
  }
}

export default Relay.createContainer(Post, {
  fragments: {
    post: () => Relay.QL`
      fragment on Post {
        title
        body
      }
    `
  },
});