DevExtreme DataGrid Example: How To Retrieve Data From GraphQL

This example demonstrates how to use GraphQL data sources with DevExtreme. It consists of a server application and a client application.

Server app

The /server folder contains an Express.js application. The application's GraphQL API serves plain JSON data from the /data folder.

Install server dependencies:

npm i

Launch the server:

npm run dev

Client app

The /client/vite-react folder contains a Vite.js application with a React.js front end. It displays a DataGrid component that queries the server's GraphQL API.

Enter the folder to install client dependencies:

cd client/vite-react; npm i

Launch the application:

npm run dev:client

Open the Vite application in the browser to see the DataGrid in action.

Does This Example Address Your Development Requirements/Objectives?

(you will be redirected to DevExpress.com to submit your response)