DataGrid-React-Redux

The demonstration provided an explanation of how to connect data to the Syncfusion Data Grid using the Redux service.

Create React App

This project was bootstrapped with Create React App.

Add Syncfusion Grid component in your application

Refer the following UG documenation for adding Syncfusion React component in your application. Syncfusion-React-Grid Demo

Available Scripts

In the project directory, first you can run DataAPI directory:

npm start

Open http://localhost:3007/orderdetails

Refer the following documentation to configure the JSON server Configure-JSON-server

In the project directory, Once successfully run the API server, then you go to Grid directory and run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

Blog reference

How to Perform CRUD Operations in a React Data Grid Using Redux: A Complete Guide