Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
59 changes: 53 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
@@ -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)