This repository is an example of how to add a custom React-built report to the new WooCommerce Admin feature plugin - wc-admin.

The example report chosen was to convert the existing Shipping Labels Report from the WooCommerce Services Extension into a wc-admin report:

Old Report The existing report is built using a mixture of a php-generated ty the emplate, and a bit of jQuery:

New Report The new report built as an example in this repository uses the latet base React Components from WordPress/Gutenberg project along side Woo-specific React components built by the wc-admin team:

I tried to chunk up the development in easy-to-follow steps in each closed pull request. In the PR notes I also tried to detail each change included, as to make all the steps clear.

So check out the closed PRs in order to see how the example report was built.

Requirements To run this code locally, you will need to be running WooCommerce 3.5 or newer, the wc-admin feature plugin, WooComerce Services, and Gutenberg.