Breadcrumb arrow Back to Code Examples

Performing Data And CRUD Operations In Ej2 React Grid Using Graphqladaptor

Sample date Updated on Sep 13, 2025
Browse Code Git logo Download
adaptors ej2 graphql graphqladaptor react remotedata syncfusion

Discover seamless data integration with Syncfusion's EJ2 React Grid using GraphQLAdaptor in this sample repository. Explore efficient techniques for handling filtering, sorting, paging operations, and CRUD operations within your React applications, empowering you to manage and display data effectively.

Add Syncfusion Grid component in your application

Refer the following UG documenation for adding Syncfusion React component in your application

GraphQL Server setup

You can setup GraphQL server by using graphpack npm package. Find the following link for getting more details for your reference. https://www.npmjs.com/package/graphpack

Run the GraphQL Server

To run the server, you need to install the required pacakges using the below command

npm install

and run using

npm run dev

Run the client Grid application

To run the client, you need to install the required pacakges using the below command

npm install

and run using

npm start

Now the Grid will be launched in the browser http://localhost:xxxx/.

Resources

You can also refer the below resources to know more details about Syncfusion React Grid components.

Up arrow