wp-react-spa-boilerplate

Theme boilerplate for WordPress using WP REST API and React.js

Contains

• Babel
• Browsersync
• CSS-Modules or CSS in JS
• node-wpapi
• React
• React Hot Module Reload
• React Routor
• React Routor Redux
• Redux
• Redux DevTool
• Standard
• WordPress
• webpack
• VCCW
• yarn

Initial setup

development environment uses VCCW v3.

1.

$ git clone git@github.com:blivesta/wp-react-spa-boilerplate.git

2.

$ cd wp-react-spa-boilerplate

3.

$ yarn setup

This command also installs VCCW.

Result

src -> wordpress/wp-content/themes/wp-react-spa-boilerplate

|-- .vagrant/
|-- node_modules/
|-- provision/ (vccw)
|-- src/ (theme source files)
    |-- client/
    |-- functions.php
    |-- index.php
    |-- ...
|-- wordpess/
    |-- wp-content/
        |-- themes/
            |-- wp-react-spa-boilerplate/
                |-- bundle.js
                |-- functions.php
                |-- index.php
                |-- ...
|-- .editorconfig
|-- .gitignore
|-- ansible.cfg (vccw)
|-- config.js
|-- Movefile (vccw)
|-- package.json
|-- provision-post.sh (vccw)
|-- README.md
|-- run.js
|-- site.yml (vccw)
|-- Vagrantfile (vccw)
|-- webpack.config.js
|-- wp-cli.yml (vccw)
|-- yarn.lock

Usage

$ yarn start

Production (compress)

$ yarn build