|
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 |
3 | 2 |
|
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. |
5 | 4 |
|
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 |
7 | 6 |
|
8 | | -## How to run this application |
| 7 | +Before running this sample, ensure you have: |
9 | 8 |
|
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