Skip to content

Commit 5ff3745

Browse files
Task(1023281): Updated README content
1 parent 09eb572 commit 5ff3745

1 file changed

Lines changed: 47 additions & 11 deletions

File tree

README.md

Lines changed: 47 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,54 @@
1-
# Create React App
1+
# EJ2 React Grid with Redux
22

3-
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
3+
## Repository Description
44

5-
## Add Syncfusion Grid component in your application
5+
This repository demonstrates how to integrate the Syncfusion EJ2 React Grid with Redux for centralized state management in a React application. It serves as a practical example for handling grid data, actions, and UI state using Redux while leveraging the rich features of the EJ2 React Grid component.
66

7-
Refer the following UG documenation for adding Syncfusion React component in your application.
8-
[Syncfusion-React-Grid](https://ej2.syncfusion.com/react/documentation/grid/getting-started/#adding-syncfusion-grid-packages)
9-
[Demo](https://ej2.syncfusion.com/react/documentation/grid/getting-started/#adding-syncfusion-grid-packages)
7+
## Overview
108

11-
## Available Scripts
9+
The project showcases a sample React application where the Syncfusion EJ2 React Grid is connected to a Redux store. Grid-related data and interactions are managed through Redux actions and reducers, helping developers understand how to implement predictable state management for complex UI components.
1210

13-
In the project directory, you can run:
11+
## Key Features
1412

15-
### `yarn start`/ `npm start`
13+
- Integration of Syncfusion EJ2 React Grid with Redux
14+
- Centralized state management using Redux store
15+
- Demonstrates data binding between Redux and the Grid component
16+
- Illustrates handling of grid updates through Redux actions
17+
- Clean example focused on learning and reference
1618

17-
Runs the app in the development mode.\
18-
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
19+
## Prerequisites
20+
21+
To run this project, ensure you have the following installed:
22+
- Node.js
23+
- npm or yarn
24+
- Basic knowledge of React and Redux
25+
26+
## Running the Application
27+
28+
1. Clone the repository:
29+
30+
```cmd
31+
git clone https://github.com/SyncfusionExamples/ej2-react-grid-redux.git
32+
```
33+
34+
2. Navigate to the project folder:
35+
36+
```cmd
37+
cd ej2-react-grid-redux
38+
```
39+
40+
3. Install dependencies:
41+
42+
```cmd
43+
npm install
44+
```
45+
46+
3. Start the development server:
47+
48+
```cmd
49+
npm start
50+
```
51+
52+
## Resources
53+
54+
- https://ej2.syncfusion.com/react/documentation/grid/data-binding/redux-service

0 commit comments

Comments
 (0)