GraphQL

KendoReact enables you to bind the components to GraphQL by using queries and mutations.

For more information on how to set up the server, the GraphQL schema, and the editing of the Grid, refer to the source code of the sample project. To compose the GraphQL queries and mutations, and to consume the received data, the sample project is using apollo-graphql.

The data from the query will be received inside the props of the component and you have to pass it to the data property of the Grid. As the request can acquire a loading status, check its value—otherwise the data will be undefined.

Bind the component to the GraphQL mutations by using the compose method. This approach allows the use of multiple queries and mutations in a single component. All mutations will be accessible from the props of the component.