WP React Boilerplate

Sample WordPress plugin for setting up a project with Yarn, Webpack, BrowserSync and React. Tailored to creating a wp-admin page, but completely flexible and can be used for themes as well.

Companion blog post:

Getting started

1. Clone repo to your wp-content/plugins folder
2. In config.json change the proxyURL to point to your WordPress admin page or plugin page.
3. Modify any WordPress config in wp-react-boilerplate.php. Rename files/methods/strings as necessary.
4. Activate the plugin in wp-admin
5. cd into your checked out folder and run yarn
6. Run yarn start to get Webpack and BrowserSync running

To build for production run:

yarn build

A production-ready WordPress plugin will be built in the wp-react-boilerplate-built folder.