|
1 | | -# Create React App |
| 1 | +# EJ2 React Grid with Redux |
2 | 2 |
|
3 | | -This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). |
| 3 | +## Repository Description |
4 | 4 |
|
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. |
6 | 6 |
|
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 |
10 | 8 |
|
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. |
12 | 10 |
|
13 | | -In the project directory, you can run: |
| 11 | +## Key Features |
14 | 12 |
|
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 |
16 | 18 |
|
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