Ohana.js Relay Example

components.js

const Viewer = Relay.createComponent(ViewerComponent, {
    fragments: {
        viewer: Relay.QL`
            name,
            news_feed {
                ${NewsFeed.getFragment('news_feed')}
            }
        `
    }
}

const NewsFeed = Relay.createComponent(NewsFeedComponent, {
    fragments: {
        news_feed: Relay.QL`
            pageInfo {
                hasNextPage,
                hasPreviousPage
            },
            edges {
                node {
                    id,
                    ${Post.getFragment('post')
                }
            }
        `
    }
}

const Post = Relay.createContainer(PostComponent, {
    fragments: {
        post: Relay.QL`
            text,
            avatar,
            author {
                name
            }
        `
    }
})