relayjs

Im trying to do something like this with React and Relay - smooth animation from list to single item. I currently have list component (list query) and single item component (node query) but there's a problem: these are two different, isolated views and queries, I can't think of an easy way to smootly animate between these two views. Easiest way would probably be to transform / scale that same list item: React part is simple, I'll calculate screen size on click and transform the list item to full-screen size. How about data? Is something like this possible with Relay? Can I fetch more data for

The RANGE_ADD mutation requires an edgeName so that it can insert the new edge into the client side connection. As part of its query, it also includes the cursor . The issue is that the server has no way of knowing which args the client might be applying to a connection when it's generating the edge response. Does this mean that the cursor should be stable? In general, cursors are not required to be the same when connections are used with different arguments. For example, if I did: { namedFriends: friends(orderby:NAME first:5) { edges { cursor, node { id } } } favoriteFriends: friends(orderby

Closed . This question needs to be more focused . It is not currently accepting answers. Want to improve this question? Update the question so it focuses on one problem only by editing this post . Closed 4 years ago . I would like to use parse and graphQL for a new app. It will essentially work with non logged in users, where people share a link and collaborate on some add hoc item. This will plan a meeting at a certain location. IS anyone aware of a solution or know of a way to approach this? It seems like it would be an awesome way to make apps. EDIT PARSE IS DEAD Yeah, you could certainly

First off my graphql data model: type Human { id: !String, name: !String, children: [Human] } The only route (relay route config) I'm atm using: class extends Relay.Route { static queries = { human: () => Relay.QL`query RootQuery { viewer }` }; static routeName = 'AppHomeRoute'; } The list component: class HumanList extends Component { render() { let {children} = this.props.human; let subListsHTML = human ? children.map(child => ( <HumanListItem key={child.id} human={child}/> )) : ''; return <ul>{subListsHTML}</ul>; } } export default Relay.createContainer(HumanList, { fragments: { human: () =