From 70a43f1d899bbda568cd31e003456a3f840a7b77 Mon Sep 17 00:00:00 2001 From: sridhar Date: Thu, 16 Oct 2025 23:53:37 +0530 Subject: [PATCH] Updating Readme file content --- README.md | 59 +++++++++++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 53 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index f1e7fb6..3ebe9e3 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,57 @@ -# Save and load reports in the React Pivot Table component using Redux -A quick-start project that demonstrates how to save and load reports in the Syncfusion React Pivot Table component using Redux. +# Save and Load Reports in React Pivot Table Using Redux -## Project prerequisites +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. -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. +## 🛠 Prerequisites -## How to run this application +Before running this sample, ensure you have: -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. +- [Visual Studio Code](https://code.visualstudio.com/download) +- [Node.js](https://nodejs.org/en/download) (latest LTS recommended) +- Basic knowledge of [React](https://react.dev/learn) and [Redux](https://redux.js.org/introduction/getting-started) + +## 🚀 Getting Started + +Follow these steps to set up and run the application: + +1. **Clone the repository** + ```bash + git clone https://github.com/SyncfusionExamples/react-pivot-table-saving-and-loading-reports-using-redux + cd react-pivot-table-saving-and-loading-reports-using-redux + ``` +2. **Install dependencies** + ```bash + npm install + ``` +3. **Run the application** + ```bash + npm start + ``` + +The app will start on [http://localhost:3000](http://localhost:3000). + +## 🔍 Key Features + +- **Save Reports**: Persist Pivot Table settings using the [`saveReport`](https://ej2.syncfusion.com/react/documentation/pivotview/tool-bar/#savereport) event. +- **Load Reports**: Retrieve and apply saved reports via [`loadReport`](https://ej2.syncfusion.com/react/documentation/pivotview/tool-bar/#loadreport). +- **Rename Reports**: Update report names using [`renameReport`](https://ej2.syncfusion.com/react/documentation/pivotview/tool-bar/#renamereport). +- **Delete Reports**: Remove reports from the Redux store with [`removeReport`](https://ej2.syncfusion.com/react/documentation/pivotview/tool-bar/#removereport). +- **Create New Reports**: Start fresh with [`newReport`](https://ej2.syncfusion.com/react/documentation/pivotview/tool-bar/#newreport). + +The built-in [Toolbar](https://ej2.syncfusion.com/react/documentation/pivotview/tool-bar) in Pivot Table provides UI options for these actions. + +## 📚 Learn More + +- [React Pivot Table Documentation](https://ej2.syncfusion.com/react/documentation/pivotview/getting-started) +- [React Pivot Table Demos](https://ej2.syncfusion.com/react/demos/#/tailwind3/pivot-table/overview) +- [Redux Toolkit](https://redux-toolkit.js.org/) + +## 💬 Support and Feedback + +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). + +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). + +## 📜 License + +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)