mobilemadman2 / wp-react-boilerplate Goto Github PK

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: https://deliciousbrains.com/develop-wordpress-plugin-webpack-3-react/

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. In your host WordPress wp-config.php file add define( 'WPRB_AJAX_BASE', 'http://sweetsite.dev/wp-json/wprb/v1' ); and update it to point to your REST API base
4. Modify any WordPress config in wp-react-boilerplate.php. Rename files/methods/strings as necessary.
5. Activate the plugin in wp-admin
6. cd into your checked out folder and run yarn
7. Run yarn start to get Webpack and BrowserSync running

yarn build

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