Skip to content

Commit 3fdb19e

Browse files
authored
Merge pull request #1 from Sridhar-Karunakaran/master
987889: Updating the Readme file content
2 parents ab08ec4 + 70a43f1 commit 3fdb19e

File tree

1 file changed

+53
-6
lines changed

1 file changed

+53
-6
lines changed

README.md

Lines changed: 53 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,57 @@
1-
# Save and load reports in the React Pivot Table component using Redux
2-
A quick-start project that demonstrates how to save and load reports in the Syncfusion React Pivot Table component using Redux.
1+
# Save and Load Reports in React Pivot Table Using Redux
32

4-
## Project prerequisites
3+
A quick-start project demonstrating how to **save, load, rename, delete, and manage reports** in the [Syncfusion React Pivot Table](https://www.syncfusion.com/react-components/react-pivot-table) using [Redux](https://redux.js.org/). This integration ensures **centralized state management** for report operations, making your app scalable and maintainable.
54

6-
Make sure that you have the compatible versions of [Visual Studio Code](https://code.visualstudio.com/download ) and [NodeJS](https://nodejs.org/en/download) or later version in your machine before starting to work on this project.
5+
## 🛠 Prerequisites
76

8-
## How to run this application
7+
Before running this sample, ensure you have:
98

10-
To run this application, you first need to clone the [react-pivot-table-saving-and-loading-reports-using-redux](https://github.com/SyncfusionExamples/react-pivot-table-saving-and-loading-reports-using-redux) repository and then open it in Visual Studio Code. Next, install the necessary dependencies using the `npm install` command. Finally, build and run your project using the `npm start` command to view the output.
9+
- [Visual Studio Code](https://code.visualstudio.com/download)
10+
- [Node.js](https://nodejs.org/en/download) (latest LTS recommended)
11+
- Basic knowledge of [React](https://react.dev/learn) and [Redux](https://redux.js.org/introduction/getting-started)
12+
13+
## 🚀 Getting Started
14+
15+
Follow these steps to set up and run the application:
16+
17+
1. **Clone the repository**
18+
```bash
19+
git clone https://github.com/SyncfusionExamples/react-pivot-table-saving-and-loading-reports-using-redux
20+
cd react-pivot-table-saving-and-loading-reports-using-redux
21+
```
22+
2. **Install dependencies**
23+
```bash
24+
npm install
25+
```
26+
3. **Run the application**
27+
```bash
28+
npm start
29+
```
30+
31+
The app will start on [http://localhost:3000](http://localhost:3000).
32+
33+
## 🔍 Key Features
34+
35+
- **Save Reports**: Persist Pivot Table settings using the [`saveReport`](https://ej2.syncfusion.com/react/documentation/pivotview/tool-bar/#savereport) event.
36+
- **Load Reports**: Retrieve and apply saved reports via [`loadReport`](https://ej2.syncfusion.com/react/documentation/pivotview/tool-bar/#loadreport).
37+
- **Rename Reports**: Update report names using [`renameReport`](https://ej2.syncfusion.com/react/documentation/pivotview/tool-bar/#renamereport).
38+
- **Delete Reports**: Remove reports from the Redux store with [`removeReport`](https://ej2.syncfusion.com/react/documentation/pivotview/tool-bar/#removereport).
39+
- **Create New Reports**: Start fresh with [`newReport`](https://ej2.syncfusion.com/react/documentation/pivotview/tool-bar/#newreport).
40+
41+
The built-in [Toolbar](https://ej2.syncfusion.com/react/documentation/pivotview/tool-bar) in Pivot Table provides UI options for these actions.
42+
43+
## 📚 Learn More
44+
45+
- [React Pivot Table Documentation](https://ej2.syncfusion.com/react/documentation/pivotview/getting-started)
46+
- [React Pivot Table Demos](https://ej2.syncfusion.com/react/demos/#/tailwind3/pivot-table/overview)
47+
- [Redux Toolkit](https://redux-toolkit.js.org/)
48+
49+
## 💬 Support and Feedback
50+
51+
For any other queries, contact our [Syncfusion® support team](https://support.syncfusion.com/?utm_source=github&utm_medium=listing&utm_campaign=github-github-documenteditor-examples) or post your queries through the [community forums](https://www.syncfusion.com/forums?utm_source=github&utm_medium=listing&utm_campaign=github-github-documenteditor-examples).
52+
53+
Request a new feature through [Syncfusion® feedback portal](https://www.syncfusion.com/feedback?utm_source=github&utm_medium=listing&utm_campaign=github-github-documenteditor-examples).
54+
55+
## 📜 License
56+
57+
This is a commercial product and requires a paid license for possession or use. Syncfusion's licensed software, including this component, is subject to the terms and conditions of [Syncfusion's EULA](https://www.syncfusion.com/license/studio/22.2.5/syncfusion_essential_studio_eula.pdf?utm_source=github&utm_medium=listing&utm_campaign=github-github-documenteditor-examples). You can purchase a license [here](https://www.syncfusion.com/sales/products?utm_source=github&utm_medium=listing&utm_campaign=github-github-documenteditor-examples) or start a free 30\-day trial [here](https://www.syncfusion.com/account/manage-trials/start-trials?utm_source=github&utm_medium=listing&utm_campaign=github-github-documenteditor-examples)

0 commit comments

Comments
 (0)